如何启用-webkit-animation/transition-property用于：之前和之后：伪元素之后？

您可以在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

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

2010-10-04 Binyamin

对不起，但为什么你想做一个专有浏览器前缀过滤器淡入淡出？ mootools确实提供了一种完全可行的跨浏览器淡入淡出元素的方式，请查看mootools文档中的element.fade（）。 – 2010-10-06 14:20:57

mootools'el.fade（）'不适用于：之前和之后：伪元素 – Binyamin 2010-10-06 14:23:32

hrm，良好的调用。似乎无法使用选择器来检索：before元素 - 有趣的问题++和是的，我相信你可以重构它，但这不是重点。 – 2010-10-06 14:33:23

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

然而，仍然有一个优秀的/开放的bug对事物的过渡面： http://code.google.com/p/chromium/issues/detail?id=54699

2011-06-16 19:55:06 searlea

你是对的。我打开了该webkit的问题，似乎仍然不会修复在Chrome 18上。因此，自从Chrome 6以后，这个问题就被打开了。 – Binyamin 2012-01-21 20:06:32

的BUG在谷歌Chrome浏览器24 1月3日，2013年

等待Safari浏览器，能让这些更新。

2013-01-24 16:55:28 Dan

回答