@MeMoJlor

Как проиграть анимацию внутри блока, при его появлении (opacity, display)?

Есть меню. Нужно чтобы при появлении меню, проигралась внутри анимация с самого начало.
Сам изучил вопрос. Заметил что если в ручную убрать блок: display: none и снова его сделать видимым: display: block, то анимация начинает проигрываться с начало. Попытался сделать незаметную анимацию
animation: 10ms reply;
   animation-fill-mode: forwards;}
   @keyframes reply
   {0%{display: block;}
   50%{display: none;}
   100%{display: block;}}

но анимация внутри блока не стала проигрываться с начало. Как можно реализовать задумку?
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Добавляете класс при открытии и ему добавляете анимацию. Но только тех свойств, которые вообще анимируются. Свойство display не анимируется.
https://jsfiddle.net/46rg1wyb/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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