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