css – 如何启用-webkit-animation / transition-property for:before和:在伪元素之后?

前端之家收集整理的这篇文章主要介绍了css – 如何启用-webkit-animation / transition-property for:before和:在伪元素之后?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何启用-webkit-animation for:之前和之后的伪元素?

您可以在http://jsfiddle.net/4rnsx/看到它不适用于:之前和之后.
在这里,我试图通过Mootools http://jsfiddle.net/6bzCS/启用此功能.

Mozilla – 将在Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property支持
W3C – CSS3支持所有元素的转换属性:before和:之后的伪元素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/demo

解决方法

该问题中提到的jsFiddle在现代Chrome和Safari浏览器中显示正常.我认为动画方面的事情已经被浏览器的演变所解决了.

但是,过渡方面仍然有一个突出的/开放的错误
http://code.google.com/p/chromium/issues/detail?id=54699

猜你在找的CSS相关文章