Как сделать увеличение (zoom) текста и иконки вместе?

Question

[freeman0204]

Это обычная иконка с текстом (но мелкие, и их при наведении нужно красиво увеличить). Наведите на путь истинный. Как можно это сделать поэлегантней и чтобы анимация красивая была и плавная, может библиотеки готовые хорошие есть?

Answer 1

[Андрей Федоров]

Красиво - субъективное понятие. Допустим так... В css элемента добавить
transition: transform .5s;
в :hover
transform: scale(1.5,1.5);

Comments

[Ivan Stroykin]

Автор ответа выше все правильно написал. Единственно, что хотелось бы добавить, так это то, что если иконка в png, то при увеличении (все конечно зависит от размера) будет в плохом качестве. Поэтому лучше всего использовать, к примеру, transform: scale(.5) в обычном виде, а при hover ставить transform: scale(1)