You must have noticed that while animated or semi-transparent, the text is rendered differently in the browser.
So in Safari when animation ends the font gets more bold antialising with a noticeable change.
A simple way to fix this with CSS3 is to add
backface-visibility:hidden property to the container you animate:
The property is currently supported only in Webkit browser but you may add other browsers modifiers in case they will add that.
(backface-visibility) was last modified: August 20th, 2012 by