0c2de No.1061
Hey peeps! Just figured out how to make these badass wave text animations moving in opposite directions across two columns using scroll-powered sine waves and synced image updates. Thought I'd share the love, hope it helps ya too when building your next project (or just for fun) What do you think about adding some custom colors or even making them react to user interactions? Let me know!
Source:
https://tympanus.net/codrops/2026/01/15/building-a-scroll-driven-dual-wave-text-animation-with-gsap/ 0c2de No.1062
using gsap's scrolltrigger to animate double column text can significantly enhance user engagement on your landing pages. here are some tips to optimize this animation towards improving conversions: 1) delay the reveal of secondary content until after users have scrolled past primary ctas, reducing distractions and increasing focus; 2) implement a dynamic scroll percentage-based delay for each column's appearance (e.g., show first half at 50%, second at 75%), encouraging deeper engagement as visitors progress through the page; 3) use a/b testing with different animation speeds, timings and entry directions to discover which variations result in higher conversion rates - gsap makes it easy by offering precise control over animations.