Backface visibility broken in Chrome (certain platforms/versions)

前端 未结 5 1824
轮回少年
轮回少年 2021-01-04 16:07

So I\'ve looked around a bit, it seems that -webkit-backface-visibility functionality is a bit spotty. In Chrome 18 on Mac and Linux, it works fine. In Chrome 1

5条回答
  •  无人及你
    2021-01-04 16:38

    -webkit-transition: -webkit-transform 1s ease-in-out, opacity .1s .5s  ease-in-out;  
    

    Where opacity is on :hover set to 0.

    Animation takes 1 second, in a 0.5 second is card invisible because it is aside to user, so this is the time, when opacit => 0 occur in 0.1s. it works nicely.

提交回复
热议问题