@Evdokim001
Фронтенд разработчик

Как при hover сделать такую анимацию?

www.rusta-l.ru
Хочу сделать вот такую анимацию в третьем блоке.
5d163fb291d6b932688170.png
Пробывал через opacity, но текст тоже начинает исчезать при ховере. Как можно решить эту проблему?
  • Вопрос задан
  • 189 просмотров
Пригласить эксперта
Ответы на вопрос 2
xEpozZ
@xEpozZ
Веб-разработчик
Сорян, но в Chrome Версия 74.0.3729.169 (Официальная сборка), (64 бит) не работает эта анимация :(
Я так понимаю, вы хотите при наведении закрасить фон и сменить цвет?
Делается это и почти любое другое с анимацией примерно так:
.div{
  background-image: url(...);
  color: black;
  transition: all 0.5s ease-out; # это для работы анимации. можно настроить нужные эфекты, длительность и все остальное
}
.div:hover {
  background-image: url(...); # если хотим сменить картинка при наведении
  color: white; # аналогично верхнему комментарию
  transition
}
Ответ написан
Ваш ответ на вопрос

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

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