@Happy-Child

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

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

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

5fe8a2db262b0600808781.jpeg
5fe8a2e0cb576911503977.jpeg

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

Как решить, чтобы не дёргалась картинка, и оставить трансформ?
  • Вопрос задан
  • 353 просмотра
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Потому что translate пересчитывает размеры изображения. Чтобы избежать этой проблемы, translate должен быть применен по умолчанию (со значениями 0) еще до ховера.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы