Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
CSS: Fixing Typography Inside of CSS 2D Transforms
/* This should hopefully fix crappy typography inside of rotated elements.
Taken from */
.rotated-typography {
transform: perspective(1px) rotate(-10deg);
/* Using `translateZ(0)` forces GPU rendering (and only fixes -webkit), but `perspective(1px)` does the job nicely. */
/* Don't use -ms prefix, however, as Presto engine in IE9 lacks 3D transform support. */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.