Rotating things with CSS3 (and javascript)

The CSS transform: rotate() property lets us rotate elements on the page. By putting this together with some jQuery-based javascript, we can click and rotate elements in place.

For the basics of CSS3 transform: rotate, see part 1.

Examples

Try clicking one of the elements below and drag to rotate it.

Try rotating me...

Further information about the CSS 3 transform: rotate() and other CSS 3 transforms is available from:

W3C CSS3 transforms and angle units
Mozilla Developer Network

Rotating things with CSS3 (and javascript) - part 2

Examples

Read more