A project for the webflow party challenge https://webflow-party.circle.so/c/the-party/challenge-2 I used Finsweet client first system Finsweet attributes slider Original project https://f1fan.webflow.io/ What’s the difference? - Free 3D asset for the cars - The fonts I used formula condensed and extended from https://pangrampangram.com which are free for personal projects but you can download them. I used Bebas neue and Orbitron from google fonts as free alternatives. Big mask text https://thedesignersfoundry.com/super A premium font and converted them to svg. Process on youtube 1. Design https://youtu.be/ANReasCcAIU 2. Build https://youtu.be/LtGDkW0v2UU Unresolved issues: - For the slider, I enabled keyboard navigation. But, the text animation does not work. - Active slider nav item will not show if you navigate to an item outside of your screen with the arrow keys. - I tried to use a CMS collection on a separate page but the nav item does not show.

webflowparty, formula1, finsweet, finsweetclientfirst, finsweetattributes, 3d animation, mask, masking, video background, backgroundvideo