Задать вопрос

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

Как реализовать выезжающую панель на изображении как в VK ?
  • Вопрос задан
  • 2906 просмотров
Подписаться 5 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
Oogway
@Oogway
Хорошие примеры hover эффектов на изображении: tympanus.net/Development/HoverEffectIdeas
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
У вас есть контейнер, внутри него картинка и панель. Контейнеру задаем position: relative, а панели absolute, контейнер по размеру картинки или картинка по размеру контейнера, далее вам надо лишь, поставить для панели top: 0 и через margin сдвинуть ее вниз, от верхнего края, по событию hover на контейнере менять margin
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы