3D transform bug in safari pixellating everything - fine in chrome/FF :(

[zbrah (Mazette.co)]

Hey @OvertonGraphics, could be an aliasing problem i think ?
I’ve found this
-webkit-backface-visibility: hidden
which could be a fix apparently

EDIT : @Brando was going to share this to you but i wrote too fast for him

A fix for when your elements move up and/or blur during animations/interactions on Chrome

If you do a lot of nice interactions/animations, you may have noticed some elements being jiggy during the animations: they blur and tend to move a pixel up, texts lose their antialiasing for the span of the animation. I could almost fix them all with the code I found in this post: http://stackoverflow.com/questions/15464055/css-transition-effect-makes-image-blurry-moves-image-1px-in-chrome I’m using this: .yourDivClass { -webkit-backface-visibility: hidden; -webkit-transform: transl…

Might help you too