Fe-interview: [css] 第67天 如何消除transition闪屏?

Created on 21 Jun 2019  ·  4Comments  ·  Source: haizlin/fe-interview

第67天 如何消除transition闪屏?

css

Most helpful comment

题目越简单越有含量。
看题意不知道在问什么,说明这个问题自己没注意或不熟悉,而不是去怀疑题目出的有问题。

这个问题自己没有遇到过,或者说没有注意过这个问题,网上搜索了下答案,不知道有没有效果,下次遇到这个问题就可以往这方面排查和思考了:

.css { 
    -webkit-transform-style: preserve-3d; 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000; 
} 

All 4 comments

题目越简单越有含量。
看题意不知道在问什么,说明这个问题自己没注意或不熟悉,而不是去怀疑题目出的有问题。

这个问题自己没有遇到过,或者说没有注意过这个问题,网上搜索了下答案,不知道有没有效果,下次遇到这个问题就可以往这方面排查和思考了:

.css { 
    -webkit-transform-style: preserve-3d; 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000; 
} 
.css { 
    -webkit-transform-style: preserve-3d; 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000; 
} 

补充一下,transition闪屏发生的情况,搜了一下是在IOS的Safari浏览器下,使用transition来进行动画变换时候就会出现

.css { 
    -webkit-transform-style: preserve-3d; 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000; 
} 
Was this page helpful?
0 / 5 - 0 ratings