CSS Transform causes flicker in Safari, but only when the browser is >= 2000px wide

后端 未结 6 907
执念已碎
执念已碎 2021-01-30 09:02

You read that right. Tested on multiple machines in the office and the only difference between scenarios was browser size. A coworker narrowed it down to a 2000px sweet spot. Lo

6条回答
  •  盖世英雄少女心
    2021-01-30 09:29

    I noticed that after applying CSS3 transforms elements in Chrome looks a bit "crispy" and text unaligned. Solutions in Mathias answer have no effect on this. But here is strange thing - after I've applied webkit filters (i.e. -webkit-filter: opacity(0.99999);), elements rendered properly and letters in text are aligned. But after that those elements looks blured a bit. Maybe this have effect on your flickering.

提交回复
热议问题