HTML 5 & CSS 3

Utilisation du couple html 5 / CSS 3 - test de certaines propriétés CCS3

La propriété CSS 3 "Transform"

Rotate

Au survol de l'élément "div" contenant l'image de droite celui-ci se penche de 15°.

Rotate

-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
transform: rotate(15deg);

Scale

Au survol de l'élément "div" celui-ci est agrandi de 2 fois.

Zoom

-moz-transform:scale(2.0);

-webkit-transform:scale(2.0);

transform:scale(2.0);

Exemple sur des tableaux

 

Skew

L'élément "div" est déformé vers la droite, au survol de celui-ci, il se déforme vers la gauche.

Déformation

-webkit-transform: skew(-25deg);
-moz-transform: skew(-25deg);
transform: skew(-25deg);

 

Au survol :

 

-webkit-transform: skew(25deg);
-moz-transform: skew(25deg);
transform: skew(25deg);