-transform:scale causing 'blinking' when hovering
I've had success adding
-webkit-backface-visibility: hidden;
to the offending element (.swatch
in your case).
However, test it in older versions of Chrome and Safari to make sure it doesn't break anything else. In my experience, Safari 4 specifically isn't a big fan.
I had the same problem at this morning. But I found an answer on the web few moments ago.
To prevent the Blink issue, put the follow property on your .swatch
class (not on :hover
):
-webkit-transform-style: preserve-3d;