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

cjr*_*uck 29 css webkit css3 pseudo-element css-transitions

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

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

Nob*_*ita 47

嗯,实际上,你可以.

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

见我的小提琴这里.

  • 这是这个问题最不被重视的答案. (9认同)

Dan*_*Dan 18

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

到目前为止(我更新此列表)它支持:

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

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

您可以在浏览器中自行测试,或者

请参阅浏览器支持表.

  • 它实际上并没有固定在生产上,只有开发.意味着,您仍然无法在Chrome中执行此操作. (4认同)