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

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

.rotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

Great thank you!

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

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

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

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

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.

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

codepen.io is my personal favorite