IOS下Safari渲染Transition时页面闪动Bug

http://classjs.com/category/technology/css/

 

环境：IOS的Safari环境

问题：在做移动端左右滑动的时候，用到了CSS3的Transition属性来进行动画变换，结果每次渲染Transition属性时，出现闪屏现象。

解决办法：在网上查了一下，有一下两种解决办法，

方法一：

1 -webkit-transform-style: preserve-3d;
2 /*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/

方法二：

1 -webkit-backface-visibility: hidden;
2 /*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/