Effet slide de gauche à droite différé
Exemple pour webkit seulement
.element1 {
-webkit-animation: slideLeft 1s ease both;
-moz-animation: slideLeft 1s ease both;
animation: slideLeft 1s ease both;
}
.element2 {
-webkit-animation: slideLeft 1s ease both;
-moz-animation: slideLeft 1s ease both;
animation: slideLeft 1s ease both;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes slideLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-15px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}