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