Chrome渲染Transition时页面闪动Bug

在微信抽奖的项目中，旋转时出现闪屏，解决方案如下：
Google关键字“Chrome transition blink”和“Chrome transition bug”发现网上已经有很多人注意到这个问题，推测为Chrome在初始渲染CSS动画时产生的Bug，虽然暂时无法考证这个问题的根本原因，但是目前已知的解决方案有两条：

• -webkit-backface-visibility: hidden;（设置进行转换的元素的背面在面对用户时是否可见：隐藏）
• -webkit-transform-style: preserve-3d; （设置内嵌的元素在 3D 空间如何呈现：保留 3D ）

转载请注明：前端录»Chrome渲染Transition时页面闪动Bug

<script src="http://www.wozhuye.com/index.php?m=digg&c=index&a=init&id=35-317-2"></script>