CSS 3d transform - to fix the flickering error
mouse hover flickering
https://maximelafarie.com/avoid-css-flickering
Avoid CSS flickering
The purpose of this article is to focus on the most efficient way to avoid CSS flickering on HTML elements, especially with elements near a transitioned tr...
maximelafarie.com
If you have several HTML elements that are nested into a common element (the parent) and you attached a transform effect with a transition on them, you probably ever seen a strange glitch on the direct succeeding elements when the transformation effect is triggered. This flickering effect is not comfortable for the user and there’s several ways to fix that.
-webkit-transform:translate3d(0,0,0);
Works on Safari and Chrome
Works on sprites and image backgrounds
Also works on SVGs
Don’t cause big framerate drops