CSS3 Click Chart

Rotate Transforms

Allows you to define horizontal and vertical offsets to change the origin, or anchor point, of the transform.

Specification

Transform Origin on W3C

Example Code

Live Demonstration

This box is rotated using CSS3 transforms, but the origin of the rotation is changed from the default center.

Browser Support

Tools / Polyfills

cssSandpaper
Transformie

Tutorials / Articles

A Primer on CSS3 Transforms (SitePoint) transform-origin on MDN

Fork me on GitHub