本文探讨了一个特定的CSS动画问题，在Chrome浏览器中应用旋转动画时会出现屏幕闪烁的现象。此现象并非在每次触发时都会出现，需要多次操作才能复现。文章提供了具体的CSS代码示例，并指出该问题在Safari浏览器中并未出现。
转换旋转会导致Chrome闪烁黑屏。它是Chrome的错误(在Safari中工作正常)，或者可以使用一些聪明的CSS修复它。
div {
width:200px;
height:200px;
position:relative;
background:#ddd;
}
span {
display:inline-block;
position:absolute;
top:40px;
left:40px;
width:20px;
background:#007;
height:10px;
-webkit-transition: all .5s;
}
div:hover > span {
-webkit-transform: rotate(180deg);
}
这个问题的问题是，它不会每次都发生，所以你必须多次悬停灰色方块，你应该看到屏幕闪烁黑色。
测试：
铬16.0.912.75
Chrome Canary 18.0.1010.0
工作正常：
Safari 5.1.2(6534.52.7)
所有测试雪豹
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
