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);

    }

}