@overveg

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

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

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

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