, имеющие проблемы с CSS анимации

Question

Просто создал анимацию, но она не работает, я хочу, чтобы сделать его сторону справа налево, но он не работает может кто-нибудь помочь мне

**https://jsfiddle.net/pvoytah3/** 

Answer 1

Сначала вы использовали .active .leftanm2 и .lefttanm2 не находятся внутри .active. Во-вторых: определите позицию в абсолюте в .lefttanm2 вместо внутренней анимации ключевого кадра.

.leftanm2 { 
    position: absolute; 
    animation-duration: 1.5s; 
    animation-name: slideleft2; 
} 

@keyframes slideleft2 { 
    from { 
    right: -51%; 
    } 

    to { 
    left: 0%; 
    } 
} 

PD: Вы можете использовать запас вместо позиции лучше для гладких переходов