Introduction au Css3


Beaucoup d'intégrateurs en ont rêvé : animer les pages web uniquement à l'aide de styles Css, sans apport de JavaScript.

Grâce aux dernières évolutions du langage et au module Css3 Transitions, il est désormais possible de réaliser des transitions basiques à l'aide de Css dans les navigateurs récents (Safari 4+, Chrome 2+, Firefox 4+, Internet Explorer 10 et Opera 10.6+).

La spécification est le document qui définit de manière claire, précise et univoque le langage. Les spécifications des Css3 sont découpées en modules. Le module qui nous intéresse est nommé Css Transition Module.
La spécification relative au module est disponible à l'adresse suivante : http://www.w3.org/.
Les indications suivantes sont basées sur ce document ainsi que sur l'implémentation Webkit. Le moteur de rendu Webkit est utilisé notamment dans Safari et Google Chrome..

Remarque :

Le moteur de rendu Webkit (Chrome, Safari) implémente la spécification mais tous les mots-clés spécifiques sont préfixés de -webkit- ;
Transition-property devient donc -webkit-transition-property.
Pour Firefox, ce préfixe devient -moz- et pour Opera, -o-.
Crayon
PubliÉ le 16 octobre 2011
Categorie : CSS3