Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by alex mattingley
alex mattingley
7,508 Points

Rotating an element?

Trying to rotate an element 90 degrees, but I don't want it to be a transition. Any help would be greatly appreciated!

2 Answers

Chris Scott
Chris Scott
7,673 Points
Chris Scott
Chris Scott
7,673 Points 
.rotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
alex mattingley
alex mattingley
7,508 Points

Great thank you!

Luke Wenke
Luke Wenke
32,294 Points
Luke Wenke
Luke Wenke
32,294 Points

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_transform

transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 / -webkit-transform:rotate(7deg); / Safari and Chrome */

James Barnett
James Barnett
39,199 Points

As w3schools has some issues with credibility we try to never link newbies to them here on the forum. Instead link to html dog or Shaw Howe's Beginner's Guide to HTML & CSS

alex mattingley
alex mattingley
7,508 Points

MDN is pretty rad as well :) I use them a fair amount.

James Barnett
James Barnett
39,199 Points

alex mattingley - If you like MDN you'll love devdocs.io

Luke Wenke
Luke Wenke
32,294 Points

Just wondering do any of those sites have an interactive CSS testing area like W3Schools? I find it easier to test a certain aspect on CSS on different browsers that using jsfiddle, etc. BTW jsfiddle doesn't seem to work properly on some older IE browsers. Thanks.

James Barnett
James Barnett
39,199 Points

There are a few to choose from

For the most, the fancier ones probably won't work great in older browsers:

Maybe try one of these:

alex mattingley
alex mattingley
7,508 Points

http://devdocs.io/ looks awesome, thanks for that :)

alex mattingley
alex mattingley
7,508 Points

codepen.io is my personal favorite