No code 3D websites with Spline + Webflow - Part 2 (Webflow) скачать в хорошем качестве

No code 3D websites with Spline + Webflow - Part 2 (Webflow)

The new ‪@splinetool‬ integration with ‪@Webflow‬ is really a game changer if you want to add a new level of interactivity into your project, and today we’re going to explore that. On the first part of this two-part tutorial, I showed you what is Spline, and how to use it to model, texture, and organize a 3D scene, ready to be animated in Webflow. Today, I’ll show you how the Flowdrinks project was built, and how to create these stunning 3D interactions. Live link to the project https://flowdrinks.webflow.io/ Part 1    • No code 3D websites with Spline + Webflow ...   Webflow cloneable https://webflow.com/made-in-webflow/w... Spline scene https://app.spline.design/community/f... Figma file (with textures, shapes, etc) https://www.figma.com/community/file/... Chapters: 00:36 Project Recap 02:34 Webflow build breakdown 07:22 Anchor links with Lenis 09:07 Interactions breakdown 09:48 Page scroll (BG + Rotation) 14:01 Angles in Spline + Webflow integration 17:11 Cans rotation 19:54 Mouse movement 23:39 Other interactions 24:51 CSS variables animation (colors) 26:36 Active anchor link animation 27:18 Button scroll animation 28:11 Final recap