Задать вопрос
@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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Оптимизация ботов телеграм
06 нояб. 2024, в 00:20
1000 руб./за проект
Смарт-контракт на блокчейне TON
06 нояб. 2024, в 00:03
40000 руб./за проект
Ручное тестирование приложения в сторах (iOS и Android)
05 нояб. 2024, в 23:19
3000 руб./за проект
Ещё заказы