CSS: Fixing Typography Inside of CSS 2D Transforms

typo-transforms.css

/* This should hopefully fix crappy typography inside of rotated elements.
Taken from http://flippinawesome.org/2014/05/21/fixing-typography-inside-of-css-2-d-transforms/ */

.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. */
}