CSS转换为:before和:after伪元素

时间:2012-03-21 02:53:58

标签: css css3 webkit css-transitions pseudo-element

似乎无法使用-webkit-transition为伪元素设置动画。下面的小提示显示我在Chrome / Safari中运行时的意思,我想现在不支持这个?

http://jsfiddle.net/4rnsx/130/

3 个答案:

答案 0 :(得分:47)

嗯,实际上,你可以。

您只需要利用经常被遗忘的inherit值。 遗憾的是,我们不能(还)使用自定义动画直接定位伪元素,但我们肯定可以通过继承我们希望设置动画的属性来让它们共享“父”元素的相同动画。

看我的小提琴here

答案 1 :(得分:18)

于2013年1月3日在谷歌浏览器中修复。

到现在为止(我确实更新了这个列表),它支持:

  • FireFox 4.0及以上
  • Chrome 26及以上
  • IE 10及以上

等待Safari和Chrome for Android提取这些更新。

您可以test it yourself in your browser

请参阅browser support table

答案 2 :(得分:8)