Как сделать css-анимацию по скрытию элемента?

Суть вот в чем, если задать элементу анимацию через keyframes, то она всегда будет исполняться когда элемент становиться видимым. Пример — jsfiddle.net/Zvyxd
Как-то можно добиться обратного эффекта когда элемент становиться display: none;?
  • Вопрос задан
  • 19841 просмотр
Пригласить эксперта
Ответы на вопрос 6
@BelkinVadim
Frontend разработчик
Вы хотите сделать плавное появление и скрытие? Если да, то зачем keyframes? Можно же для элемента сделать доп.класс который отвечает за его скрытие или показ. И удалять его или добавлять.
jsfiddle.net/YxsTV
Ответ написан
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
jsfiddle.net/Zvyxd/5

Я очень костыльно написал на скорую руку, но логику вы по идее должны понять, почему анимация будет работать.
Ответ написан
isxaker
@isxaker
Updated
Я вот так недавно делал
Link
Ответ написан
twixoff
@twixoff
Создайте два класа с разной анимацией - на появление и на скрытие.
Затем просто добавляйте нужный класс в зависимости от ситуации - показать или скрыть.
Ответ написан
Как скрыть example_block по второму клику на "Показать эелемент"?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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