将WebKit转换应用于伪元素 [英] Applying WebKit transitions to Pseudo Elements

查看:98
本文介绍了将WebKit转换应用于伪元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我制作了一个小提琴作为参考: http://jsfiddle.net/xypQY/



我应用哪个元素将WebKit转换使用opacity实现淡入效果?

解决方案

这是一个webkit错误,转换不能在Chrome或Safari对伪元素工作。



请标记这个错误,希望有助于球滚动修正:



问题54699:CSS3未应用于伪元素的过渡



已向Webkit报告:



错误23209 - 转换和动画不适用于CSS生成的内容

$ b

更新:支持转换已添加到Webkit on 01上。 / 02/2013: https://trac.webkit.org/changeset/138632


I have made a Fiddle for reference: http://jsfiddle.net/xypQY/

Which element would i apply WebKit transitions on to achieve a Fade In effect using opacity?

解决方案

This is a webkit bug, transitions do not work in Chrome or Safari on pseudo-elements.

Please star this bug to hopefully help the ball get rolling on a fix:

Issue 54699: CSS3 transition not applied for pseudo elements

It has been reported to Webkit:

Bug 23209 - Transitions and animations do not apply to CSS generated content

so hopefully it will be fixed soon.

UPDATE: Support for transitions was added to Webkit on 01/02/2013: https://trac.webkit.org/changeset/138632

这篇关于将WebKit转换应用于伪元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆