.transitions{ float:left; width:28%; margin:0 2% 15px 0; padding:5px 10px; text-align:center; background:#9c3; } .transitions:hover{ background:#690; } #transition_au_survol{ /* Les prfixes pour les navigateurs : -webkit- : Chrome, Safari, Android -khtml- : Konqueror -moz- : Firefox et Mozilla -ms- : Internet Explorer -o- : Opera Aucun prfixe : Prfixe par dfaut */ /* transition-property : proprit laquelle la transition s'applique (utilisez la valeur "all" pour appliquer la transition toutes les proprits) transition-duration : dure de la transition transition-timing-function : courbe de vitesse de la transition (ease , linear , ease-in , ease-out , ease-in-out , cubic-bezier) transition-delay : temps avant l'excution de la transition */ -webkit-transition-property:background; -khtml-transition-property:background; -moz-transition-property:background; -ms-transition-property:background; -o-transition-property:background; transition-property:background; -webkit-transition-duration:0.3s; -khtml-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease; -khtml-transition-timing-function:ease; -moz-transition-timing-function:ease; -ms-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-delay:0.5s; -khtml-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; } #transition_abregee{ /* Toutes ces lignes CSS ci-dessus peuvent aussi s'crire en abrg */ -webkit-transition:background 0.3s ease 0.5s; -khtml-transition:background 0.3s ease 0.5s; -moz-transition:background 0.3s ease 0.5s; -ms-transition:background 0.3s ease 0.5s; -o-transition:background 0.3s ease 0.5s; transition:background 0.3s ease 0.5s; } #transition_multi_proprietes{ -webkit-transition:background 0.3s ease , color 0.2s linear; -khtml-transition:background 0.3s ease , color 0.2s linear; -moz-transition:background 0.3s ease , color 0.2s linear; -ms-transition:background 0.3s ease , color 0.2s linear; -o-transition:background 0.3s ease , color 0.2s linear; transition:background 0.3s ease , color 0.2s linear; } #transition_multi_proprietes:hover{ color:#f00; } /* Transition sur toutes les proprites : -webkit-transition:all 0.3s; -khtml-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; */