Skip to main content

Rotate

Use this class to rotate element.

Example

Add classes to an element to easily rotate your images.

Example Example Example Example Example Example Example
            
              <img src="../assets/img-min/img1.jpg" class="rounded-circle rotate-45" alt="Example" />
              <img src="../assets/img-min/img1.jpg" class="rounded-circle rotate-90" alt="Example" />
              <img src="../assets/img-min/img1.jpg" class="rounded-circle rotate-135" alt="Example" />
              <img src="../assets/img-min/img1.jpg" class="rounded-circle rotate-180" alt="Example" />
              <img src="../assets/img-min/img1.jpg" class="rounded-circle rotate-225" alt="Example" />
              <img src="../assets/img-min/img1.jpg" class="rounded-circle rotate-270" alt="Example" />
              <img src="../assets/img-min/img1.jpg" class="rounded-circle rotate-315" alt="Example" />
            
          

Rotate css is not changed in RTL css, RTL rotation is not reversed and still like LTR.