Модульна анімаційна система на базі GSAP + ScrollTrigger. Scroll-ефекти, split-text, parallax, sticky-елементи — усе через data-атрибути.
Кожна літера з'являється окремо з нижньої частини рядка. Ідеально для заголовків.
Контролюється через data-stuff-letters.
Stir up your fearless past and fuel up your future. Every word reveals itself as you scroll, creating a cinematic reading experience that pulls the viewer deeper into the narrative.
Елементи розкриваються по ширині від 0 до auto. Каскадний ефект для карток і панелей.
Розбиття тексту на літери чи слова з авто-обгорткою в span-елементи.
Кожна анімація запускається при скролі з кастомними start/end точками.
Жодного JS-коду в HTML — вся конфігурація через data-атрибути.
data-stuff-parallax data-parallax-speed="0.3"
Pin-елемент з масштабуванням від 10vw до 150vw під час скролу. Scrub-based анімація.
Ховер над одним пунктом затемнює решту. Плавний opacity-перехід створює фокус.
Картки з відео, яке запускається при наведенні. Touch-підтримка для мобільних.
Кольорові смуги перекривають екран перед навігацією. Натисніть щоб побачити ефект.