Sign in Get Started

css text rotation

Poster 
.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);

}
View another examples Add Own solution
Log in, to leave a comment

3.8
5
Cyber 85 points 

                                    .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);

}

3.8 (5 Votes)
0
4.11
9
Ab masood 125 points 

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

4.11 (9 Votes)
0
Are there any code examples left?
Find Add Code snippet
New code examples in category CSS
SHOW MORE
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
can you rotate text css css rotate text 90deg text rotate property css how to rotate a text using css css rotate text left css rotate text in place rotate text animtion css vertical text rotation css text rotate css example make text rotate css css style rotate text how rotate text in css text rotate cs rotation text css rotate text 180 css css rotate tex css3 rotate text css change rotate text content howto rotate text css contiue text rotation css css text rotating text also rotate with css rotate text ccs rotate a text css rotate words in css cs rotate text Rotate text CSS animation text rotation in css css make text rotate css text rotate generator css transform text rotatey css text tilt rotate text with css how to rotate text by css text rotation animation css css text rotate animation how to make text tilt css text rotation css w3schools how to tilt text css css rotate text ccw how to rotate text css text rotate in css rotate text using css rotate text css w3schools css transform text rotate css w3 rotate text css text rotate effect make image spin with text transformation rotate text degree css how to make character rotate css transform text css rotate css angle text rotate text by 90 degrees css rotatte text css css text orientation rotate rotate text css vertical css text vertical rotate rotate text 270 degrees html jow to rotate text in css css rotate texte text raotation css rotate a p in css html p tag rotate bootstrap rotate text 90 degrees rotation text rotate the text in css css roatate letter css orizontal text not rotate set text at a angle css html text rotate css text turn 90 degrees css effect text rotate css inclinaton tecxt rotate text 90 degrees css text-rotate 90 degree in css css rotate text 90 degreas html textr rotate how to have text rotate around a certian point css rotate change font how to rotate text in csss css rotatetext transpose letter css 90 degrees css perfect rotation content rotate css css to rotate text 90 degrees css text direction 90 degrees turning title css different text rotet9ing in html incline text roate letter in css roate text in css flip text vertically in css css rotation texte 90° css rotated text rotate a text 270 deg css rotate loog css for paragrapg text-rotate css how to rotate letter in css css to rotate text css rotate content 90 degrees how to write rotate text 90 degree in html turn text css rotate div and text in it inclination css text how turn type 90 degrees by css css 180 text css rotate text without transform html css tilt text how rotate text in an HTML5 document for IE, Safari, and Chrome. rotate text upright using rotate and transform css turn text 90 degrees text rotation css rotate textr angle text css p element no rotating css wrap transformation correct rotation text based image text-transform rotate text transform rotate text rotating text website rotate letters css css rotate letters rotate only text css how to use rot in html css how to adjust text rotation in css html css how to rotate paragraph move text 90 in html code degree css content how to rotate a div using css text auto rotate right to left display text at 90 degrees css css 90 degree text set inside div css 90 degree text how to rotate text html css how to put 2 text on rotation in html How to rotate objects using CSS3? how to get rotate angle from jquery of text in html html form left rotate text html rotate button how to tilt a div in css tilt text css css rotating text how to rotate a text box in html css to move text upside inline css to rotate text html to rotate text how to tilt a text in css vertical reverse text "-webkit" transform: rotate(-90deg); make angles on text css text side rotation text orientation counter clockwise css rotate text on mobile css rotate content css css rotate text 45 degrees rotating text bar css make the icon rotate in css transform rotate and transfer rotating text css incliner text css how to to tilt text css 90 deg clock wise in css html how to turn a image by y css css turn text css tilt text css can i rotate an image tilted text html rotate a text how to rotate a font with css css3 rotate text 90 degrees how to make 90 degree angle label css on select option rotate of icon text with i tag is also rotating in html how can i rotate a paragraph at html text rotate to vertical css rotate text vertical rotation of text css transform div to 90 degrees and shift horizontal onto right side text rotate css by 45 degrees html rotate div how to make image rotate in css css 90deg <p> css tilted text css change text angle text in different degrees css how to rotate a div css css transform text 90 degrees in before and after css transform text 90 degrees how to rotate object in css how to rotate test in html css + text translate + rotate rotating 360 a text in css how to rotate 360 text using css html make text turn around rootate text html css rotations rotate type css css tricks rotate text rotating text in css css translate with rotate title inclined css rotate text 90deg css rotate css css text how to rotate a paragraph in html html css rotate div rotating text in html text not rotate in css css text degree rotate css text rotate character css css translate and rotate css rotate text 90 rotate text css how to display text upside down in html css css text rotated left 90 degrees html rotate item how to tilt text with css how to rotate a div in css css rotate and translate javascript css rotate 90 degrees rotete text css how to rotate text csss how to set website seulation 90% using css rotate text css above him css rotate dic turn type 180 degrees css vertical text css css flip text vertical css rotate text 180 degrees rotate text html css how to tilt text css orientation 180 css diagonal text how to select text rotate in css how to have a tilt or angle on css css text on an angle how to rotate text 90 degrees in css css transform 90 degrees js rotate text rotate 90 degree css tilt text in css diagonal text css font rotate css rotate div css style.rotate javascript bg css 3 rotate text rotation 180 css rotate the content of button css transform 90 degree css text transform rotate css css text rotation rotate text vertically css css turn text sideways how to rotate text in html css rotate text 90 degrees css text transform rotate 90 css transform rotate text rotate css text angle css turn text sideways css rotate font css 90º css rotate div when div rotate how to make text stay the same css css text rotate 90 css text rotate 90 degree rotate text javascript css text 45 degree angle bootstrap 90 degree text rotate text how to rotate a text in css html rotate text 180 degrees css text 90 degrees text rotate in html how to rotate a text 360 untill next click in css how to rotate a text css rotate text in html rotation in html div transform rotate rotate objects using css3 html rotate text css translate 90 degrees css text transform rotate css rotate text rotate how to angle text css css tilted text how to rotate text in css rotate text in css rotate test in css how to tilt text in css css text rotate text rotation css css how to rotate text text rotation with css rotate text css css rotate text
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with
Not registered?
Sign up takes less than a minute

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source