Задать вопрос
@B1ackGh0st
javascript

Как реализовать выезжающую панель на изображении?

Как реализовать выезжающую панель на изображении как в VK ?
  • Вопрос задан
  • 2902 просмотра
Комментировать
Подписаться 5 Оценить Комментировать
Решения вопроса 1
Oogway
@Oogway
Хорошие примеры hover эффектов на изображении: tympanus.net/Development/HoverEffectIdeas
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
m1skam
@m1skam
У вас есть контейнер, внутри него картинка и панель. Контейнеру задаем position: relative, а панели absolute, контейнер по размеру картинки или картинка по размеру контейнера, далее вам надо лишь, поставить для панели top: 0 и через margin сдвинуть ее вниз, от верхнего края, по событию hover на контейнере менять margin
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Установить вебхук на сайт
24 апр. 2024, в 16:19
4000 руб./за проект
Натянуть верстку Опенкарт
24 апр. 2024, в 15:34
20000 руб./за проект
SEO с опытом в контентных проектах (СМИ)
24 апр. 2024, в 15:32
130000 руб./за проект
Ещё заказы