解决web翻转动画闪屏

首先确保backface-visibility: hidden。这样做可以解决大部分闪屏的情况。

然后需要特别注意的是谷歌的浏览器，不管是桌面端还是移动端，在翻转的过程中在该元素上绘制其他元素也会导致闪屏。ios上safari不会出现这个情况。最好在翻转动画开始前，把绘制工作做好。