Верстка. Как сделать увеличение блока товара в магазине так, что бы остальные элементы оставались на своих местах?

Question

[Dmitry Stoyanov]

https://jsfiddle.net/gsyg9nvz/1/

Здравствуйте, как сделать так, что бы при ховере, каждый элемент увеличивался во все 4 направления, накладывался поверх и не сдвигал остальные. При учете того, что высота блока - динамическая.

Comments

[Дмитрий]

Жаль вас, что вы пишите контент как contAnt ))

Answer 1

[Андрей Федоров]

https://jsfiddle.net/108tmLdn/

только учтите что caniuse.com/#search=transform

Answer 2

[Ksider]

можно немного усложнить код

codepen.io/ksider/pen/yeKRMQ

Answer 3

[Дамир Саяхов]

transform: scale(1.1)
1=100%.

Answer 4

[Кирилл Туровников]

Конечно самый правильный и простой способ это использовать transform: scale(); но и ваш пример можно исправить, вы просто не правильно задали отрицательные отступы jsfiddle.net