How To Rotate Text Css Code Example


Example 1: rotate text css


.text {
/* Browsers not below */
transform: rotate(-90deg);
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
}

Example 2: css text rotation


.rotate {

transform: rotate(-90deg);


/* Legacy vendor prefixes that you probably don't need... */

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

Example 3: css rotate text


/* Answer to: "css rotate text" */

/*
If what you are looking for is a way to set type vertically,
you’re best bet is probably CSS writing-mode, here's a link:
https://css-tricks.com/almanac/properties/w/writing-mode/

If you’re just trying to turn some text, you can rotate entire
elements like this, which rotates it 90 degrees counterclockwise:
*/


.rotate {
transform: rotate(-90deg);

/* Legacy vendor prefixes that you probably don't need... */
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/*
For more information go to:
https://css-tricks.com/snippets/css/text-rotation/
*/

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable