Ingernirated
@Ingernirated
Романыч

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

Всем привет!
У нас есть background-size:100%;
И картинка на фоне.
Мы делаем анимацию на from 100 to 110
И прописываем animation:10s ease;
Но приближение идёт какое-то дерганое что ли, в чём причина, как его сделать гладким?
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 2
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Лучше по другому.

Два дива, внутренний с фоном и абсолютно спозиционирован по периметру, а увеличение делаете, например через изменение значений (top / left / right / bottom), либо через scale
Ответ написан
Exomode
@Exomode
Архитектор ПО
Пропишите блоку, который должен быть анимирован, свойство transition в CSS и поиграйтесь с его значениями. Например, transition: all 250ms ease-in-out;
Эта штука отвечает за базовые анимации, по сути, создаёт плавность изменения свойств CSS в том блоке, где задана.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы