当用户点击按钮时，我正在淡化一些<li>元素（框）。框used to have PNG backgrounds，现在我用纯CSS替换它们。我正在使用li:after，fadeIn。
这种方法存在的问题是，当我box-shadow这些方框时，它们自然会具有不透明度，因而是阴影Getting clever with CSS3 Shadows。
在<li>元素上设置{{1}}不会产生我之后的阴影效果。我尝试创建一个我在fadeIn完成后附加的内容，并且它可以运行但是很明显。
有关更好方法的任何想法吗？
答案 0 :(得分：3)
可以将它全部包装在li元素内的“wrapper”元素中，然后淡化li元素。
示例：http://jsfiddle.net/petersendidit/ncBtV/1/embedded/result/
仅在Chrome开发者和Firefox 4
中进行了测试答案 1 :(得分：0)
可以在动画完成时添加一个类......
li.completed-fade {
box-shadow: ...
}
$('li').fadeIn(500, function() { $(this).addClass('completed-fade'); });