@Ibishka

Как анимировать появление градиента при hover?

Как анимировать появление градиента при hover?

https://codepen.io/anon/pen/EqNVeE

Думую суть поняли
  • Вопрос задан
  • 145 просмотров
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Сам по себе градиент не анимируется средствами CSS, потому что это по сути отрендеренная браузером картинка. Его можно заставить делать оное только через JS.

Но можно анимировать отдельный блок с ним (прозрачность, трансформация и т. п.). В данном случае можно повесть на псевдоэлемент спокойно:


В будущем есть планы сделать анимируемые градиенты в браузерах, но спецификации для этого до сих не готовы.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
xEpozZ
@xEpozZ
Веб-разработчик
Комментировать
Ваш ответ на вопрос

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

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