Задать вопрос
@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 Fullstack
OnClass
от 2 000 до 7 000 $
Бэкэнд-разработчик JavaScript
Wanted. • Москва
от 250 000 до 400 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправить ошибки в консольном интерфейсе с применением C# и NET
28 дек. 2024, в 22:21
500 руб./за проект
Сделать бота
28 дек. 2024, в 21:56
25000 руб./за проект
Доработка Битрикс
28 дек. 2024, в 18:50
1200 руб./в час
Ещё заказы