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
我有一个标签,想要使用 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