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

Как называется подобный эффект? или как реализовать?

Сайт по продаже светильников.

Есть стенка, на которой расположены хаотично светильники, есть чайник, шнур, розетка и т. д.

Нужно сверстать так чтоб наводя на один из элементов он двигался влево или вправо на несколько пикселей.

Или же просто двигалась стенка.

Подскажите примеры подобной верстки, или же пример как сверстать :)
  • Вопрос задан
  • 198 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
agmegadeth
@agmegadeth
Веб-разработчик в дизайн студии
.element{
  transition: transform 0.3s ease;
}

.element:hover{
  transform: translate(XXpx,0);
}
Ответ написан
Комментировать
.box {
    position: relative;
    left: 0;
    transition: left 0.3s ease;
}
.box:hover {
    left: 5px;
}

Пример
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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