CSS3 - CSS 动画可能存在 Chrome 浏览器错误?

CSS3 - Possible Chrome browser bug with CSS animation?

我有一个标签,想要使用 CSS3 动画让它反弹。这在所有 latest 浏览器中都有效。

但是,一旦我在标签中添加 display:inline,弹跳动画效果就无法在 Chrome 浏览器上运行。它适用于所有其他浏览器,如 IE11、Firefox 和 Opera,但由于某些原因,它不适用于最新的 Chrome 浏览器。这是一个 Chrome 错误还是对此有一个很好的解释?

这是一个测试用例:https://jsfiddle.net/fuex3nz1/1/

CSS transfroms 不适用于内联级别元素(我的意思是仅显示:内联和标签默认为内联级别)。您可以使用

.label {display:inline-block;}

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

对于内联级元素,请检查此 http://htmlhelp.com/reference/html40/inline.html