Post

3D split-flap display ✈️

nerd sniped myself with this tonight technique is using GSAP to create one animation that goes through all the letters moving between letters is a case of scrubbing the animation playhead by animating the time this keeps things pretty performant 🔥

23/11/24, 3:42 am0 reposts15 likes

Jhey ʕ·ᴥ·　ʔ

@jhey.dev

23 Nov 2024

wanted to build this for a while this share from @mamuso.dev was enough to trigger me into sitting down this evening only because when visiting the site, there was an expectation of a split flap animation somewhere 😅 the font/site is slick though 🔗 airport.revolvertype.com

Jhey ʕ·ᴥ·　ʔ

@jhey.dev

24 Nov 2024

technique for this demo is derived from exploration into infinite scrolling with GSAP in 2021 wrote about it here 👉 css-tricks.com/going-meta-g... (cool to see the main demo from that article still working 🤙)