CSS Animation on span element with delay is not working. suspicion of "inline" property on span elements. Once I add "block" or "inline-block" the animation and delay works perfectly. Bug: 2nd and 3rd "A" do not bounce. http://jsfiddle.net/a9Lg23n5/ Solution/Suspected bug: (display: inline-block) http://jsfiddle.net/a9Lg23n5/4/
This is correct per spec, see the definition of "transformable element" at https://www.w3.org/TR/css-transforms-1/#transformable-element: > A transformable element is an element in one of these categories: > - all elements whose layout is governed by the CSS box model except > for non-replaced inline boxes, table-column boxes, and > table-column-group boxes [CSS2], Additionally, the jsfiddle behaves the same across Chrome, Firefox and Safari.