Fix Jaggy Edges on Rotate Images in Chrome

Posted by Duncan McDougall on December 14, 2012

By default images rotated slightly using CSS3 transform rotate will have slightly jaggy edges in Chrome.

To prevent this simply add -webkit-backface-visibility: hidden;

Notice the smoother edges of the image on the right.

comments powered by Disqus