@sngLuka

Как реализовать этот эффект (hover на div с отрисовкой контура)?

Привет, ребята! Как реализовать подобный эффект?82853edd53854ef7887a4fe53ec86466.gif
Смысл в том что может показаться будто бы за главным div элементом расположен скрытый, который при hover меняется местами с определенными эффектами. Но если картинки разного размера, как-то это наверное динамически должно происходить. Вообщем, помогите, если есть какие-нибудь мысли буду рад услышать! Спасибо!
  • Вопрос задан
  • 2320 просмотров
Пригласить эксперта
Ответы на вопрос 1
thewind
@thewind
php программист, front / backend developer
1. Сделать большой div, куда разместить 3 картинки абсолютно позиционированными или относительно (relative) с нужными z-index
2. Белый фон и окантовку можно нарисовать таблицей с rowspan / colspan и нужными бордерами, сделав эту таблицу абсолютно позиционированной и невидимой
3. При наведении на главный div показывать таблицу (z-index больше, чем у трех картинок)
4. При уведении мыши с таблицы, скрывать ее
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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