@gtunit

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

Необходимо, чтобы при наведении курсора мыши на товар в каталоге весь блок с этим товаром (картинка, цена и т.д.) немного выдвигались вперед (увеличивались).
Речь идет об этом магазине www.wonki.ru
Движок ocStore.
Спасибо за помощь.
  • Вопрос задан
  • 2639 просмотров
Решения вопроса 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;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы