Le specifiche appartenenti alla famiglia denominata CSS3 Transforms consente di applicare alcune trasformazioni agli elementi HTML, come rotazione, scale, traslazioni.

L'importanza di queste specifiche risiede nel fatto che non richiedono l'utilizzo di JavaScript e vengono fatte direttamente dal browser, offrendo ottime performance e legandosi bene ad altre specifiche, come CSS3 Transitions e Canvas, di cui abbiamo già parlato.

Ecco un esempio:

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

L'effetto generato da questa direttiva è visibile nella schermata che segue.

Come sempre in questi casi, abbiamo aggiunto anche i vendor prefix, per supportare anche i browser più vecchi. Il supporto (inclusi i vendor prefix) è offerto da IE9+, Chrome 12+, Mozilla 3.5+, Safari 3.1+ e Opera 10.5+.