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

Question

[Ingernirated]

Всем привет!
У нас есть background-size:100%;
И картинка на фоне.
Мы делаем анимацию на from 100 to 110
И прописываем animation:10s ease;
Но приближение идёт какое-то дерганое что ли, в чём причина, как его сделать гладким?

Answer 1

[Виталий Киренков]

Лучше по другому.

Два дива, внутренний с фоном и абсолютно спозиционирован по периметру, а увеличение делаете, например через изменение значений (top / left / right / bottom), либо через scale

Answer 2

[Юрий Есин]

Пропишите блоку, который должен быть анимирован, свойство transition в CSS и поиграйтесь с его значениями. Например, transition: all 250ms ease-in-out;
Эта штука отвечает за базовые анимации, по сути, создаёт плавность изменения свойств CSS в том блоке, где задана.