Как применять функции типа ease in out в чистом js?

Есть прогресс, который изменять от о до 1, в зависимости от этого меняется ширина элемента.
Хочу сделать анимацию с использованием ease in out.

Сейчас так:

// 250 конечная ширина
let width = Math.round(e.progress.toFixed(2) * 250);
  • Вопрос задан
  • 235 просмотров
Решения вопроса 1
bootd
@bootd
Гугли и ты откроешь врата знаний!
Использовать ссылку что в коментах вам дали https://learn.javascript.ru/js-animation

Либо, просто указать эту анимацию через css.
transition: .2s ease-in-out;
а через js меняете значение ширины или других свойств. На мой взгляд это куда проще, чем заморачиваться и писать их на js.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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