RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.

Не работает вторая анимация CSS, почему?

Всем привет, столкнулся с такой проблемой, что если ставить несколько анимаций, то отрабатывает только первая, помогите разобраться в чём проблема.

По логике должно быть так:
Первый квадрат выезжает с лева, и сразу после этого второй выезжает с верху.
Но у меня срабатывает анимация только первого квадрата. Вторая не работает, при том если убрать первую анимацию
@keyframes lr {
    0% {
        transform: translateX(-500px);    
    }
    100% {
        transform: translateX(0);    
    }


вторая заработает. Что я делаю не так?

Пример кода: https://jsfiddle.net/L5dfu181/
  • Вопрос задан
  • 180 просмотров
Решения вопроса 1
@Nwton
} Скобочку пропустил...
https://jsfiddle.net/L5dfu181/1/
А вообще, оформляй код адекватно:
https://jsfiddle.net/L5dfu181/4
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы