Why do fonts in Safari redraw when executing a script or other animation? How to fix?

Question

css

https://youtu.be/gHn2EWUNAw4 - Video where you can see what is at stake.
viktor-m.ru/projects/zhak - Link to demo.
This is not the first time I've encountered this problem, does anyone know how to fix it?

Answer 1

www.youtube.com/watch?v=9Woaz-cKPCE&hd=1 - Here is a video with a solution to this problem.
stackoverflow.com/questions/9733011/safari-changin... - Here is a discussion of the same problem and solution.
In summary , the solution is this: The element being animated should be given position: relative; z-index:10; (or higher) The main thing is that it should be higher than those elements that are redrawn on the page.