@AlPaco

Анимация keyframes. Scroll. Как сделать ускорение и остановку?

https://codepen.io/pwauto939/pen/VwBvWMV
Я создал полосу прокрутки. Она состоит из двух блоков, один блок с помощью "position: absolute" уведен в сторону. "keyframes" сдвигает мои блоки по оси X создавая эффект прокрутки.
Но мне этого недостаточно. Мне нужно максимальное ускорение прокрутки первые 3 секунды, а потом плавное торможение и остановку на определенной точке моего "score-line" блока. Анимация должна срабатывать один раз и все.

Подскажите, пожалуйста, варианты. Как мне добиться желаемого?
С анимациями работаю недавно, два дня уже думаю над этим. Спасибо заранее!
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Замените тайминг-функцию linear на ease – получите нечто похожее.
Для точного результата опишите собственную функцию https://developer.mozilla.org/ru/docs/Web/CSS/anim...
Ответ написан
Ваш ответ на вопрос

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

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