Почему дёргается img при hover?

Question

[Happy-Child]

На карточке товара есть ховер, тень и трансформ


При наведении немного дёргается картинка карточки, почему - непонятно.
На фото не видно, но как-будто на 1px увеличивается ширина картинки и самой карточки.




Если убираю трансформ, всё ок.

Как решить, чтобы не дёргалась картинка, и оставить трансформ?

Comments

[Антон Литвиненко]

транзишн стоит нужный?

Answer 1

[Денис Инешин]

Потому что translate пересчитывает размеры изображения. Чтобы избежать этой проблемы, translate должен быть применен по умолчанию (со значениями 0) еще до ховера.

Comments

[Happy-Child]

Спасибо за ответ.
Попробовал, на сработало. В общем решили убрать это чтобы не травить время