Services WEB en Midi Pyrénées
Partenaire informatique des PME et PMI. Tél. : 06 20 29 33 00.

Animations en css3

J’imagine que vous connaissez les animations possibles avec css3 ?

Connaissez vous également @keyframes ?

Pour simplement faire arriver un bloc quelconque par la gauche, par exemple, essayez :
‪#‎monbloc‬ {animation-duration: 2s; animation-name: glissade;}
@keyframes glissade {
from {margin-left:100%;width:100%; }
to {margin-left:0%; width:100%; }
}
Vous aurez l’extrême obligeance d’ajouter quelques préfixes pour que ça fonctionne sur tous les navigateurs (ou presque), évidemment.

On aurait pu aussi intituler ce billet : « comment remplacer un plugin et ses 300 lignes de javascript par quelques instructions css ? »

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

18 − trois =