Как сделать zoom изображения с помощью transform?

Question

[FrontendNooob]

Как можно реализовать zoom изображения как на сайте https://www.adidas.ru/krossovki-falcon/B28128.html
не могу понять как внятно просчитать позицию картинки при перемещении курсора

Answer 1

[twobomb]

Размеры контейнера в классе zoomBlock ставить, а величину увеличения в классе .zoom.in

Answer 2

[Владимир]

Тебе готовый алгоритм нужен?
Врядли его тебе тут дадут.
У тебя есть позиция курсора над картинкой, исходя из этой позиции считаешь смещение (x, y) и задаешь transform translate(x,y) scale
Коефициенты прийдется подобрать експериментально
Точно так же меняешь translate во време движения курсора над каринкой. Судя по коду анимация на зум и на перемещение одна и таже