Description

With CSS 3 rotate transition you can rotate elements around its axis and create animations without Flash or JS Support.

Effects

Below is a browser transition code which will help you make amazing animation from CSS3:

  • rotate
  • skewx (mozilla only)
  • translatex (mozilla only)

Usage

-moz-transform:rotate(120deg);-moz-transform:skewx(25deg) translatex(150px);-webkit-transform:rotate(120deg);-o-transform:rotate(120deg);-ms-transform:rotate(120deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);

Demo

Mouse Over to Rotate