在悬停时,子图像稍微向右移动

时间:2019-01-16 08:30:52

标签: css html5 css3 css-transitions css-transforms

我已经给transform:scale(0.95),并且在悬停时我正在transform: scale(1)只是为了使悬停效果反弹。 我有img个孩子。在悬停时,它将稍微向右移动。我正在使用backface-visibility: hidden来避免该问题,但是某种程度上它对我不起作用。

Link on which I am working

关于我之后的4列标题和图标。 (健康与启发,灵感……)

我还尝试了其他技术,例如will-change: transform transform: rotate(0)等。但是我没有任何帮助。

谢谢。

1 个答案:

答案 0 :(得分:0)

您尝试使用transform: translate();来补偿它将向右移动的像素数。 有关转换翻译的更多信息,您可以查看以下链接。 https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate