CSS3 Click Chart | CSS3 Browser Support and Information

Rotate Transforms

Allows you to rotate an element using a function as a value for the transform property.

Specification

Example Code

.element {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

Live Demonstration

This box is rotated using CSS3 transforms.

Desktop Browser Support

Standard Syntax:
IE10+, Firefox 16+, Opera 12.1+

Vendor Prefix:
IE9+, Firefox 3.5+, Chrome 4+, Safari 3.1+, Opera 10.5+

Tools / Polyfills

cssSandpaper
Transformie

Tutorials / Articles

A Primer on CSS3 Transforms (SitePoint)