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

Question

[Martyer]

Здравствуйте.
тыц.
При наведении на человека, он заменяется другим, который в соседнем скрытом блоке.
Так должно было быть. сейчас мешают другие блоки накиданные сверху и перекрывающие людей.
Подскажите пож-та как можно эту проблему по быстрой решить не пребегая к глобальным изменениям.

Comments

[ArturSitnikoff]

По быстрой это не решить

Answer 1

[Elwen]

Самое простое и быстрое - отказаться от скрытых блоков и менять фоновую картинку при наведении через :hover. По сути просто в css заменить .chm1 на .ch1:hover и т.д.

Answer 2

[Andrew Ghostuhin]

Объясняю, что имел в виду товарищ Elwen

.firstImage
  background: url('../path/to/image.jpg')
  &:hover,
  &:focus
     background: url ('../path/to/second/image.jpg')

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