Урок №15. Ритм Стиля
Появление текста + паралакс фотографии по скролу
https://m-vasilyev.site/members/courses/course168669590720/urok-15-poavlenie-teksta--paralaks-fotografii-po-skrolu-655273455602
- текст отдельными фреймами. каждому фрейму присвоить класс header
- добавить анимацию по скролу он батом тригер 20 пикселей
- шаг 1 за дистанс 0 мув вниз на 80 пикселей
- шаг 2 за 300 пикселей вернуться на место
плавность подбирай как нравится
- В фигме сделать маску через substract
- сделать в зеро два шейпа
- маска выше
- маска on scroll - window bottom увеличение на 108% (подбирать как больше хочется)
- фото on scroll-window bottom увеличение за 0 дистансе (на подбирать) 118%
второй шаг за 1200 пикселей вернуться в 100%
вставить код в 123
<style> .header { overflow:hidden!important; } </style>
Не забудь включить autoscale