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