CSS · Motion and transforms

transform-origin

Sets the anchor point for transforms.

cssRunnable example css course

Syntax

transform-origin: top left

Example

Try it

.demo { transform: rotate(4deg); transform-origin: bottom right; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.