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

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

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

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

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