Transform origin

Sets the point an element rotates or scales around.

What does transform-origin do?

transform-origin sets the point an element rotates or scales around. The default is its center.

.door { transform-origin: left center; transform: rotateY(-60deg); }   /* swings on its hinge */

Level: Journeyman · More CSS terms at this level

Updated