css - CSS放大字体动画导致跳跃的div

Question

我为我的开发图标添加了自定义 CSS

.devicon-git-plain:hover{
     max-width: 2em;
}

这样当我将鼠标悬停在它上面时，图标的大小就会增加。但是当这种情况发生时，包含图标的 div 也会增加大小。有没有办法在不增加父 div 大小的情况下增加图标的大小？

标签： css

Answer 1

我认为您需要调用父 div 的悬停并在父 div 的悬停时缩放图标。

.devicon-git-plain:hover icon{
transform: scale (1.2);
}
icon {
transition: all .3s ease;
}

https://jsfiddle.net/tractionworks/k7ofm6vt/3/

这就是你的目的吗？