@Alianos

Как применить стили окончания анимации, не воспроизводя анимацию?

Необходимо, чтобы элемент имел класс анимации, но анимация не воспроизводилась, при этом элемент имел стили, применяемые по окончанию анимации.
  • Вопрос задан
  • 115 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега CSS
Можно сбросить в 0 продолжительность выполнения анимации: transition-duration: 0ms;.
Или вообще убрать её: transition: none;.

Как это будет выглядеть на практике: определяете в стилях класс, который убирает анимацию, в компоненте определяете свойство, в зависимости от значения которого класс будет назначаться элементу. Надо, чтобы анимация воспроизводилась - устанавливаете свойству значение true, не нужна анимация - false. Как-то так.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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