我遇到了使用 1s 过渡通过 CSS3 变换旋转 DIV 的问题:
在 OSX 10.7.5 上的 Chrome 23 和 Safari 6 中,在 .rotate-divs 转换期间,其他容器中的字体会稍微变暗。
关于造成这种情况的原因以及如何避免它有什么想法吗?
http://jsfiddle.net/tTa5r/ http://jsfiddle.net/tTa5r/
.rotate{
background: green;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.rotate.flip{
-moz-transform: rotate(540deg);
-webkit-transform: rotate(540deg);
-o-transform: rotate(540deg);
transform: rotate(540deg);
}
使用 jquery 添加/删除翻转类:
$('.rotate').on('click', function(){
$(this).toggleClass('flip');
});
-webkit-backface-visibility:隐藏;
也为我工作...将其添加到我已经转换的元素中
附注我会投票赞成之前的答案,但我不能,因为我没有足够的“声誉”,我也看不到如何评论它
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)