Как увеличить изображение при ховере на карточке товара?

Question

[Vladislav]

Как увеличить изображение при ховере на карточке товара?
Пример тут при на ведение на картинку, она увеличивается и можно детально посмотреть
https://www.ozon.ru/context/detail/id/166663267/
как сделать с помощью css и чисто js(без jqeury)

Answer 1

[ReActor Дмитрий Вершанский]

img:hover {
    transform: scale(n); /* где n - коэффициент увеличения */
}

Comments

[Vladislav]

Re{Actor} Дмитрий Вершанский я не про это, вы пример на озоне то смотрели?

[ReActor Дмитрий Вершанский]

Vladislav, ... - ТО смотрел. Насмотрелся на него еще до, предположительно, вашего появления на этот свет. Вам дается не исчерпывающее готовое решение во всех подробностях, а тема "трансформации объектов и HTML-элементов", в качестве фундаментальной, для реализации задуманного.

[ReActor Дмитрий Вершанский]

Vladislav, если бросает в ступор от того, что изображение перемещается по плоскостям декартовой системы координат, то: clientX и clientY - это еще одна фундаментальная тема, в которой вам следует "копошиться".

Answer 2

[kryamk]

Вот наяндексил вариант