CSS 2-D Transforms Example 6

Original Element

No explicit transform-origin set

transform-origin: 0% 50%;

transform-origin: 0% 0%;

transform-origin: 0% 100%;

transform-origin: 25% 25%;

transform-origin: 50% 0%;

transform-origin: 50% 100%;

transform-origin: 66% 66%;

Hover over an element (or tap on it with your finger) to apply a rotate(45deg) transform to it.