Как сделать мягкую анимацию увеличения элемента?

Question

[Денис Букреев]

Такие дела.

На рабочем проекте сейчас примерно такая анимация через transform: scale

Но она грубая и скачкообразная.
Как ее сделать мягкой и плавной?

Comments

[Sn0wSky]

поправьте линк на jsfiddle

[Денис Букреев]

Sn0wSky: поправил
привык к codepen уже, не привычно, что надо запускать, сохранять)

Answer 1

[Андрей Верх]

У вас 0.1 секунда задана, какая она ещё может быть...

transition: 1s linear

Answer 2

[Sergey Semenov]

ну или так transition: 3s ease-out; вобще плавно