Как избавиться от дерганья при transition?

Question

[lapard1n]

Ребят, всем привет. "Работа с transition"

Есть условный блок. При изменении ширины экрана (например: во время адаптации сайта под новую ширину экрана), или открытия страницы заново его анимацию начинает передергивать, т.к. нему применен transition с указанием all. Подумав я изменил all на конкретную стилизацию например: " transition: scale 0.05s linear;", но теперь после наведения на блок, да он увеличивается, но если курсор отводится, то блок резко возвращается к своему первоначальному размеру (без анимации - transition соответственно).

Вопрос. Как правильно применять transition, чтобы анимация блока работала в обе стороны, но не перекосопрыгалось от любого другого изменения страницей?

Answer 1

[Ankhena]

изменил all на конкретную стилизацию например: " transition: scale 0.05s linear;",

Нет такого свойства, вот и не анимируется.
Есть свойство transform и вот оно прекрасно анимируется.