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

Question

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

Answer 1

I found that applying the -webkit-backface-visibility: hidden; to the translating element and -webkit-transform: translate3d(0, 0, 0); to all its children, the flicker then disappears.

Please refer Prevent flicker on webkit-transition of webkit-transform.