15

如何启用-webkit-animation:before 和 :after 伪元素？

您可以在http://jsfiddle.net/4rnsx/中看到它不适用于 :before 和 :after。
在这里，我尝试使用 Mootools http://jsfiddle.net/6bzCS/启用此功能。


Mozilla - 将在 Firefox 4 中支持它https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 支持所有元素的过渡属性，:before 和 :after 伪元素http:// www.w3.org/TR/css3-transitions/#transition-property


更新：如何启用fadein，fadeout用于 CSS3 工具提示http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using -css3-and-jquery/和演示？

4

2 回答 2

2

问题中提到的 jsFiddle 在现代 Chrome 和 Safari 浏览器中看起来很好。我认为浏览器的进化已经解决了动画方面的问题。

但是，对于事物的过渡方面，仍然存在一个突出/未解决的错误： http ://code.google.com/p/chromium/issues/detail?id=54699

于 2011-06-16T19:55:06.293 回答
2

该错误已于 2013 年 1 月 3 日在 Google Chrome 24 中修复。

等待 Safari 提取这些更新。

在此处查看其他浏览器的运行情况

于 2013-01-24T16:55:28.740 回答