Rictum
@Rictum
lofiCoder

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

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

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

Вопрос. Как правильно применять transition, чтобы анимация блока работала в обе стороны, но не перекосопрыгалось от любого другого изменения страницей?
  • Вопрос задан
  • 227 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
изменил all на конкретную стилизацию например: " transition: scale 0.05s linear;",

Нет такого свойства, вот и не анимируется.
Есть свойство transform и вот оно прекрасно анимируется.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы