@Martyer

Как сделать hover эффект на этой страничке?

Здравствуйте.
тыц.
При наведении на человека, он заменяется другим, который в соседнем скрытом блоке.
Так должно было быть. сейчас мешают другие блоки накиданные сверху и перекрывающие людей.
Подскажите пож-та как можно эту проблему по быстрой решить не пребегая к глобальным изменениям.
  • Вопрос задан
  • 288 просмотров
Пригласить эксперта
Ответы на вопрос 2
Elwen
@Elwen
Самое простое и быстрое - отказаться от скрытых блоков и менять фоновую картинку при наведении через :hover. По сути просто в css заменить .chm1 на .ch1:hover и т.д.
Ответ написан
Torin_Asakura
@Torin_Asakura
Senior Web & Mobile Developer
Объясняю, что имел в виду товарищ Elwen
.firstImage
  background: url('../path/to/image.jpg')
  &:hover,
  &:focus
     background: url ('../path/to/second/image.jpg')

Тогда получится тот же эффект, а для более плавного перехода рекомендую использовать transition: all .3s
Вот, записал тебе скринкаст небольшой.
Добрый совет, учись прототипировать и редактировать свои стили в инспекторе, это сильно упрощает жизнь )
take.ms/w5Tum
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
15 июл. 2020, в 11:05
100000 руб./за проект
15 июл. 2020, в 11:02
6000 руб./за проект
15 июл. 2020, в 10:14
3000 руб./за проект