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

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

问题描述

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



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

解决方案



请将这个错误加为星标,希望能帮助您解决这个问题:

p>

问题54699:CSS3转换未应用于伪元素



已向Webkit报告:



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


$ b $

更新:在2013年1月2日的Webkit中添加了对转换的支持: 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天全站免登陆