如何为 :before 和 :after 伪元素启用 -webkit-animation/transition-property？
如何为 :before 和 :after 伪元素启用 -webkit-animation ？
您可以在 http://jsfiddle.net/4rnsx/ 中看到它不适用于 :before 和 :之后。
在这里，我尝试使用 Mootools http://jsfiddle.net/6bzCS/ 启用此功能。
Mozilla - 将在 Firefox 4 https:/ /developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 支持所有元素、:before 和 :after 伪元素 http://css-plus.com/2010/04/create-a-speech-bubble-tooltip- using-css3-and-jquery/ 和 演示?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
问题中提到的 jsFiddle 在现代 Chrome 和 Safari 浏览器中看起来很好。我认为动画方面的问题已经通过浏览器的发展得到了解决。
然而，过渡方面仍然存在一个未解决/未解决的错误：
http://code.google.com/p/chromium/issues/detail ?id=54699
The jsFiddle mentioned in the question appears fine in modern Chrome and Safari browsers. I think the animation side of thing's been solved by browser evolution.
However, there's still an outstanding/open bug for the transition side of things:
http://code.google.com/p/chromium/issues/detail?id=54699
该错误已于 2013 年 1 月 3 日在 Google Chrome 24 中修复。
等待 Safari 拉取这些更新。
在此处查看其他浏览器的运行情况
The bug is fixed in Google Chrome 24 on January 3rd, 2013.
Waiting for Safari to pull these updates.
See how things are doing with other browsers here