Как мне отменить анимацию CSS3 на первой итерации (а не на второй )

Я настроил анимацию CSS3 следующим образом:

@-webkit-keyframes slidein {
    from { -webkit-transform: translateX(100%); }
    to   { -webkit-transform: translateX(0); }
}

Как мне отменить эту анимацию в определении класса?

Например:

.slideinTransition {
    -webkit-animation-name: slidein;
    -webkit-animation-direction: alternate;
}

Это изменит анимацию на противоположную в определении класса? во второй итерации я хотел бы отменить ее прямо на первой итерации.