Usage of transform property with CSS

CSS Web Development Front End Technology

The transform property in CSS is used to apply a 2D or 3D transformation to an element. You can try to run the following code to implement the transform property −

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 200px;
            height: 100px;
            background-color: gray;
            transform: rotate(10deg);
         }
      </style>
   </head>
   <body>
      <h1>Rotation</h1>
      <div>Demo</div>
   </body>
</html>