CSS offset-rotate

The offset-rotate CSS property allows you to specify the rotation of an element around a point that is offset from its center. This can be useful for creating more dynamic and visually interesting layouts.

The syntax for using the offset-rotate property is:


.element {
  offset-rotate:   ;
}

Where <angle> is the angle of rotation, and <length> represents the offset x and y values from the center of the element.

Let's see an example to better understand how offset-rotate works:

Result:

This is a rotated element with an offset of 20px from its center.

In the example above, we have a div element that is rotated 45 degrees around a point that is 20px offset from its center. This creates a visually interesting effect that can be customized to your specific design needs.