我正在构建一个站点,并已将一些 CSS 转换应用于一些元素。
我注意到在 Google Chrome 中,当您启动转换时,它似乎会对其他“绝对”定位的 div 产生影响。
例如,我已将以下过渡应用于此页面上的社交媒体图标。
-webkit-transition:all 0.1s ease-out;
-webkit-transform:scale(1.1,1.1);
当您将鼠标悬停在图标上时,它们的大小会略微增加。出于某种原因,页面顶部的徽标(绝对定位)向左移动了 1 或 2 个像素。
知道为什么会这样吗?
谢谢
布拉德