不透明度没有改变,也没有过渡,知道我做错了什么吗?(铬浏览器)
如果我要添加“过渡”类,我只想将不透明度设置为 0。这样它会淡入,但不会先淡出。
http://jsfiddle.net/chovy/t37k3/9/
<div></div>
<a href="#" class="start">start</a>
div {
width: 100px;
height: 100px;
background: #f00;
}
div.transitions {
-moz-transition: opacity 1s, -moz-transform 1s;
-webkit-transition: opacity 1s, -webkit-transform 1s;
-o-transition: opacity 1s, -o-transform 1s;
transition: opacity 1s, transform 1s;
}
$(".start").click(function(e){
e.preventDefault();
$("div").css('opacity', 0).addClass('transitions').css('opacity', 1);
});
编辑:我忘记了锚上的课程,并且在现实生活中使用了内联不透明度。
更新:这是我的解决方案:https ://stackoverflow.com/a/16848785/33522