Let's have a go at recreating the award-winning effect seen on kprverse.com with a GSAP ScrollTrigger animation of clip-path instead of a bunch of three.js and webgl! Throw in some Lenis smooth scroll and I think it's pretty close!
// CLONE IT
👯♂️ try.webflow.com/cloneable-is-...
// GSAP Discount
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): www.creativecodingclub.com/bu...
// FREE resources
✂️ Code Snippet Library: code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: www.webbae.net/roadmap-to-lea...
// Premium content
🤝 Patreon: / webbae
🕸️ Advanced Webflow Course (201): www.webbae.net/product/webflo...
// Connect
🙋♀️ Join the Discord: / discord
🐥 Follow Me! / webisbae
00:00 Introduction
00:27 Webflow Project Overview
01:32 Coding clip-path and GSAP ScrollTrigger
06:36 Watch this part or else
30 июл 2024