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

Как сделать такую анимацию?

Подскажите, пожалуйста, как сделать такую анимацию:
www.elevenplantsfordumdums.com/#8
Там элементы крутятся вокруг своей оси при скролле, меняется свойство transform: rotateZ. Как рассчитывается угол вращения?
  • Вопрос задан
  • 595 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Скорость скролла используется как угловое ускорение для этих объектов. Знак зависит от направления скролла. При этом есть сила трения, которая постоянно уменьшает модуль скорости, тем самым тормозит и останавливает эти штуковины в конечном счете. Формулы из курса кинематики за 9 класс помогают сделать движения более натуральными, плавными и приятными глазу.
Ответ написан
Комментировать
profesor08
@profesor08 Куратор тега CSS
Там все время меняется rotateZ, val += incrVal. incrVal меняется в диапазоне от 0 до какого-то числа. Как только пользователь прокручивает страницу, значение ставится в максимальное, и постепенно стремится к 0. Даже не смотря в код это видно.
Ответ написан
Ваш ответ на вопрос

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

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