Задать вопрос

Каким образом сделать анимацию, которая при прокрутке заполняла круг полоску как на фото на GSAP + ScrollTrigger?

Здравствуйте, есть такая анимация при прокрутке, которая заполняет полоску круга.
60c5c20aab3eb054576422.png
Нужно сделать так, чтобы синяя полоска заполнялась при прокрутке.
Взял я фотку из этого сайта https://digital.vtb.ru/digest/2021-apr/
Там есть такая анимация. Мне нужно сделать такое же на gsap + scrolltrigger
и чтобы проценты тоже поднимались с 0 до 100 при прокрутке сайта возле круга.
Я не знаю каким образом это реализовать на gsap + scrolltrigger.
Для этого нужно сам круг img, а как полоску анимировать?
И с чего её саму сделать? Синий фон, который будет вниз идти? Или как? Просто менять y, x не получится
  • Вопрос задан
  • 192 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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