Rotate_Css.html

<!DOCTYPE html> 

<html> 

<head> 

<style> 

div { 

  width: 300px; 

  height: 100px; 

  background-color: yellow; 

  border: 1px solid black; 

} 

div#myDiv { 

  transform: rotate(-20deg); 
   /* It rotates the elements which starts from rotating the left side */

} 

</style> 

</head> 

<body> 

<h1>The rotate() Method</h1> 

<p>The rotate() method rotates an element clockwise or counter-clockwise.</p> 

<div> 

This a normal div element. 

</div> 

<div id="myDiv"> 

This div element is rotated counter-clockwise with 20 degrees. 

</div> 

</body> 

</html> 