🥇 Texto girado em SCSS com IE8 +

Gire o texto em todos os navegadores até o IE8. Você só precisa alterar uma variável graças ao SCSS.

$rotateDeg: -10;
$rotateRad: $rotateDeg * (3.14159 / 180);

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=#{$rotateRad}, M12=#{$rotateRad * -1}, M21=#{$rotateRad}, M22=#{$rotateRad})"; /* IE8 */
-moz-transform: rotate(#{$rotateDeg}deg);  /* FF3.5/3.6 */
-o-transform: rotate(#{$rotateDeg}deg);  /* Opera 10.5 */
-webkit-transform: rotate(#{$rotateDeg}deg);  /* Saf3.1+ */
transform: rotate(#{$rotateDeg}deg);  /* Newer browsers (incl IE9) */

Agradecimentos ao SO pelo código do IE8: http://stackoverflow.com/a/4617511/119909

Related Posts