1.text {
2 /* Browsers not below */
3 transform: rotate(-90deg);
4 /* Safari */
5 -webkit-transform: rotate(-90deg);
6 /* Firefox */
7 -moz-transform: rotate(-90deg);
8 /* Opera */
9 -o-transform: rotate(-90deg);
10 /* IE */
11 -ms-transform: rotate(-90deg);
12}
1.rotate {
2
3 transform: rotate(-90deg);
4
5
6 /* Legacy vendor prefixes that you probably don't need... */
7
8 /* Safari */
9 -webkit-transform: rotate(-90deg);
10
11 /* Firefox */
12 -moz-transform: rotate(-90deg);
13
14 /* IE */
15 -ms-transform: rotate(-90deg);
16
17 /* Opera */
18 -o-transform: rotate(-90deg);
19
20 /* Internet Explorer */
21 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
22
23}
1/* Answer to: "css rotate text" */
2
3/*
4 If what you are looking for is a way to set type vertically,
5 you’re best bet is probably CSS writing-mode, here's a link:
6 https://css-tricks.com/almanac/properties/w/writing-mode/
7
8 If you’re just trying to turn some text, you can rotate entire
9 elements like this, which rotates it 90 degrees counterclockwise:
10*/
11
12.rotate {
13 transform: rotate(-90deg);
14
15 /* Legacy vendor prefixes that you probably don't need... */
16 /* Safari */
17 -webkit-transform: rotate(-90deg);
18 /* Firefox */
19 -moz-transform: rotate(-90deg);
20 /* IE */
21 -ms-transform: rotate(-90deg);
22 /* Opera */
23 -o-transform: rotate(-90deg);
24 /* Internet Explorer */
25 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
26}
27
28/*
29 For more information go to:
30 https://css-tricks.com/snippets/css/text-rotation/
31*/