— Grimm Designs

Today i will be showing you how to rotate your div in Dreamweaver using css3.
Yes i know that it is possible to do this without using css3, by using images but i felt like experimenting and i found this more easier to do it this way.
please note that this does not support IE 6,7,8 (if you are using these then shame on you).

So first off i have made a normal HTML page in Dreamweaver with a css style sheet attached to it. After i had done this i proceeded to make two div’s beside each other as shown below

then after that i continued on and went into my css script and inserted the following code into my right div

-ms-transform: rotate(30deg); /* IE 9 */
-webkit-transform: rotate(30deg); /* Safari and Chrome */
-o-transform: rotate(30deg); /* Opera */
-moz-transform: rotate(10deg); /* Firefox */

here is an example:

and its done, you can edit the angle of the div easily in the css script of by changing the number of the radius. this supports Opera, Safari, Firefox,Google Chrome and Internet Explorer 9.

here is an example of css3 rotating in action

yes this isn’t the most beautiful thing you have seen but it is for demo purposes only and with a little playing around you could come up with come interesting designs using css.

have fun =)