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

Как сделать анимацию при наведении курсора на картинку товара в ocStore?

Необходимо, чтобы при наведении курсора мыши на товар в каталоге весь блок с этим товаром (картинка, цена и т.д.) немного выдвигались вперед (увеличивались).
Речь идет об этом магазине www.wonki.ru
Движок ocStore.
Спасибо за помощь.
  • Вопрос задан
  • 2811 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Skillfactory
    Профессия Fullstack веб-разработчик на JavaScript и PHP
    20 месяцев
    Далее
  • Хекслет
    PHP-разработчик
    10 месяцев
    Далее
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
@keyframes appear{
	30%{
		transform:scale(1.1, 1.1);
	}
	100%{
		transform:scale(1, 1);
	}
}
@-webkit-keyframes appear{
	30%{
		-webkit-transform:scale(1.1, 1.1);
	}
	100%{
		-webkit-transform:scale(1, 1);
	}
}
.image:hover{
	animation:appear .5s;
	-webkit-animation:appear .5s;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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