У нас вы можете посмотреть бесплатно No code 3D websites with Spline + Webflow - Part 2 (Webflow) или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
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