При наведении ребенка изображение слегка сдвинется вправо

Question

У меня есть transform:scale(0.95), а при наведении курсора я делаю transform: scale(1) только для того, чтобы дать эффект при наведении.У меня img как ребенок.При наведении он немного сместится вправо.Я использую backface-visibility: hidden, чтобы избежать этой проблемы, но почему-то это не работает для меня.

Ссылка, над которой я работаю

После О себе 4 колонки заголовка и иконки.(ЗДОРОВЬЕ И ИСЦЕЛЕНИЕ, ВДОХНОВЕНИЕ ...)

Я также пробовал другую технику, такую ​​как will-change: transform transform: rotate(0) и т. Д. Но у меня ничего не получается.

Заранее спасибо.

Answer 1

вы пытались использовать transform: translate();, чтобы компенсировать количество пикселей, которые оно сместит вправо. Для получения дополнительной информации о transform translate, вы можете посмотреть по следующей ссылке. https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate