CSS увеличить шрифт анимации, вызывая прыжок div

Question

Я добавил пользовательские CSS для своих значков для разработчиков

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

, чтобы размер значка увеличивался при наведении на него курсора. Но когда это происходит, div, содержащий значки, также увеличивается в размере. Есть ли способ увеличить размер иконок без увеличения размера родительского div?

Answer 1

Я думаю, что вам нужно вызвать наведение родительского элемента div и масштабировать значок при наведении указателя на родительский элемент div.

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

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

Это то, что вы собираетесь?