之前,这里有一个小提琴演示问题:http://jsfiddle.net/c4MNs/CSS转换:伪元素
从本质上讲,我换出content
属性的内容i:before
伪工作正常下。但是,我无法强制进行转换,因此这种交换顺利进行。
我跟着这个答案找到了忠告:https://stackoverflow.com/a/19579514/765409
但是你可以看到,这是不是有效的这种情况。
之前,这里有一个小提琴演示问题:http://jsfiddle.net/c4MNs/CSS转换:伪元素
从本质上讲,我换出content
属性的内容i:before
伪工作正常下。但是,我无法强制进行转换,因此这种交换顺利进行。
我跟着这个答案找到了忠告:https://stackoverflow.com/a/19579514/765409
但是你可以看到,这是不是有效的这种情况。
您不能将转换应用到伪元素content
属性的内容本身。您可以将过渡应用到伪元素的不透明度,宽度,高度,其content
的字体大小和更多属性...但不包括content
属性的内容。
虽然这个问题很久以前就问,但我仍然面临着同样的问题,所以我需要找到解决方案,你可以在这里找到 HTML
<div class="removeCampaign">
<i class="fa fa-times-circle"></i>
的jsfiddle http://jsfiddle.net/sh39nqpy/ 希望这将有助于那些谁有需要!
您的HTML不完整,您的jsfiddle不起作用。请修复这些错误。 –
您是否有任何可能的解决方法来实现这一目标?不一定必须是CSS。链接绝对定位元素淡入淡出是一个想法,但从以前的使用这看起来比转换更笨重。思考? – Louis93
是的,你需要建立一个自定义的。 fadeToggle也可以工作。如果您对jQuery的fadeToggle或其他库类似的功能主义者不满意,可以使用CSS转换创建自己的切换。 – Arbel