@arttstyle
web-макака

Постепенное появление элемента при скроле?

Хочу сделать допустим, появление элемента со стороны
ДО : transform: translateX(-1000px) (элемент за экраном)
после : transform:translatex(0px) (элемент в центре экрана)
я хочу чтобы эта анимация шла постепенно с прокруткой скрола т.е. допустим каждый щелчок скрола это 300px
полную высоту экрана он пройдет за 3 целых щелчка

поэтому при появлении элемента translateX(-1000px)
1 щелчок скрола translateX(-700px)
2 щелчка translateX(-400px)
3 щелчка translateX(-100px)
и тд .. как это сделать?
сейчас у меня есть скрипт который просто добавляет класс и я могу сразу сделать -1000px и 0px но это будет одна анимация, а как сделать это постепенно со скролом?
  • Вопрос задан
  • 335 просмотров
Решения вопроса 1
Seasle
@Seasle Куратор тега CSS
Пригласить эксперта
Ваш ответ на вопрос

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

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