Getting started with Spline in Webflow

Spline is a powerful 3D design tool that now natively integrates with Webflow allowing anyone to create fun, interactive and performant 3D animations. Join Aron Korenblit from Webflow and Gábor Pribék from Spline to learn the basics of Spline, how to import your Spline scenes into Webflow and how to use Webflow interactions to animate your Spline scenes for your site. Learn more & add to your calendar: https://wfl.io/livestream-spline Get 30% off on a Super Yearly Spline plan with code WebflowFriends https://www.seevid.ir/fa/w/ACv_G0Nl568 Starting soon https://www.seevid.ir/fa/w/ACv_G0Nl568 Introducing Spline x Webflow https://www.seevid.ir/fa/w/ACv_G0Nl568 Gabor & what is Spline https://www.seevid.ir/fa/w/ACv_G0Nl568 Breakdown of the build https://www.seevid.ir/fa/w/ACv_G0Nl568 Understanding the Spline layout https://www.seevid.ir/fa/w/ACv_G0Nl568 Creating the cube (hair) https://www.seevid.ir/fa/w/ACv_G0Nl568 Adding a sphere https://www.seevid.ir/fa/w/ACv_G0Nl568 Cloning & styling the cubes (hairs) https://www.seevid.ir/fa/w/ACv_G0Nl568 Randomizing and animating hair length https://www.seevid.ir/fa/w/ACv_G0Nl568 Import Spline scene into Webflow https://www.seevid.ir/fa/w/ACv_G0Nl568 Adjusting Spline camera position https://www.seevid.ir/fa/w/ACv_G0Nl568 Scaling Spline scene up and down with Webflow interactions https://www.seevid.ir/fa/w/ACv_G0Nl568 Q&A What is the best way to learn 3D and Spline? https://www.seevid.ir/fa/w/ACv_G0Nl568 Q&A How does mobile responsiveness work with Spline scenes? https://www.seevid.ir/fa/w/ACv_G0Nl568 Q&A What are best practices for reducing scene sizes and optimize their performance? https://www.seevid.ir/fa/w/ACv_G0Nl568 Where to go after after this stream to keep learning Spline? https://www.seevid.ir/fa/w/ACv_G0Nl568 Credits

• #education
• #web_design
• #webflow
• #responsive_web_design
• #graphic_design
• #web_development
• #cms
• #content_management_system