<!DOCTYPE html> <html> <head> <title>CSS3 Rotate() method</title> </head> <body> <style type="text/css"> .main_rotation{ width: 300px; height: 100px; background-color: #F30; border: 1px solid #0099da; } div#myDiv_1 { /* IE 9 */ -ms-transform: rotate(20deg); /* Safari */ -webkit-transform: rotate(20deg); /* Standard syntax */ transform: rotate(20deg); } </style> <div class="main_rotation"> www.freetimelearning.com. </div> <div class="main_rotation" id="myDiv_1"> www.freetimelearning.com. </div> </body> </html>
Output :
Topic :
Rotate() method
