CSS3 - CSS动画可能导致Chrome浏览器错误？

Question

我有一个标签，并希望让它使用CSS3动画反弹。这在所有最新浏览器喜欢魅力。

但是，一旦我将display:inline添加到标签，反弹动画效果在Chrome浏览器上不起作用。它适用于IE11，Firefox和Opera等其他浏览器，但出于某种原因，它不适用于最新的Chrome浏览器。这是一个Chrome错误还是有很好的解释？

下面是测试情况：https://jsfiddle.net/fuex3nz1/1/

Answer 1

CSS transfroms不会对行内级元素的作品（我的意思是只显示：内联和标签是默认联级别）。您可以使用

.label {display:inline-block;} 

欲了解更多信息有关CSS转换属性检查 https://drafts.csswg.org/css-transforms/#terminology

而对于行内元素检查该http://htmlhelp.com/reference/html40/inline.html