Hey Guys,
I've run into an issue with a scale animation on an element as can be seen in my Pen if viewed in a webkit browser. Firefox is fine.
During the animation the edges of the element blur and pixelate but re-assemble on animation completion.
I've been scratching my head and nothing I've found elsewhere on the web has worked e.g backface-visibility: hidden, translateZ(0) etc etc. I'm sure there must be an easy fix for this I just can't seem to nail it. Any help is appreciated please. Thank you!