CSS-Inspiration icon indicating copy to clipboard operation
CSS-Inspiration copied to clipboard

多方案实现跨行或跨列布局- float实现方式出现抖动

Open JCHappytime opened this issue 4 years ago • 2 comments

抖动

JCHappytime avatar Dec 22 '20 07:12 JCHappytime

两种情况会导致抖动,一个是hover伪类问题导致;一个是因transform导致和hover时元素抖动;

而示例中的是第二种问题导致,查了下解决可以尝试添加transform属性,开启GPU硬件加速(但是还是会有),但是Safari上效果会比Chrome上好点(闪动频率啊),这个应该是和浏览器的渲染引擎有关(Chrome是Chrominu和Blink, Sarfari是webkit)

lvfangren avatar Jun 23 '21 12:06 lvfangren

@chokcoco 大佬再详细解释下?我尝试了下没搞定😂

lvfangren avatar Jun 23 '21 12:06 lvfangren