Задать вопрос
lavezzi1
@lavezzi1

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

Всем привет. Есть панель которая должна выезжать справа. Написал анимацию, но - работает только один раз, а второй и последующие разы просто появляется без анимации, вот код:

animation-name: popup_from_right;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;


@keyframes popup_from_right {
    0%
    {
        opacity: 0;

        transform: translateX(100%);
    }

    100%
    {
        opacity: 1;

        transform: translateX(0);
    }
}


В чем проблема?
  • Вопрос задан
  • 2800 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
Romashishka
@Romashishka
Frontend developer
У css анимация тоже есть события. Тебе нужно при клике удалить класс анимации у элемента, а потом присвоить заново.
Ответ написан
Комментировать
@frontender
https://css-tricks.com/restart-css-animation/ почитайте, пожалуйста.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
07 дек. 2024, в 08:58
45000 руб./за проект
07 дек. 2024, в 08:19
50000 руб./за проект
07 дек. 2024, в 07:16
2000 руб./за проект