Clip-path Swiper.js Slider with Greensock Animation in Webflow - Interaction #153

Описание

? Get Started with Webflow (affiliate link): https://webflow.grsm.io/get-started

In this video tutorial I cover how to create a clip-path Swiper.js Slider in Webflow.

⚙️ Clone-able Project: https://webflow.grsm.io/webdev-for-you-showcase

⚙️ Code used in video: https://docs.google.com/document/d/17-h33lsRtMaNGRtL483lWZVKW_5HY2_NCPSai9FlcjY/edit?usp=sharing

⚙️ Swiper.js Slider: https://swiperjs.com/

⚙️ Greensock Animation Script: https://greensock.com/

⚙️ Click-Delay Code on Stack Overflow: https://stackoverflow.com/questions/54726763/add-delay-before-slide-change

? Inspired by: https://tympanus.net/codrops/2021/03/10/shape-slideshow-with-clip-path/

Join me live every Monday - Thursday at 12pm Central where we go over everything Webflow. Get live support with your website via the YouTube super chat feature. More information below.

? Clone WebDev For You projects (affiliate link): https://webflow.grsm.io/webdev-for-you-showcase

? View WebDev For You Templates (affiliate link): https://webflow.grsm.io/webdev-for-you-templates

? New to Webflow? Visit their University here (affiliate link): https://webflow.grsm.io/webflow-university7156

☕️ Support the channel ? (Buy me a coffee): https://buymeacoffee.com/webdevforyou

Every coffee bought helps me to continue to provide great content and free clone-able projects.

✍️ Want to Learn User Interface (UI) Design?

The Learn UI Design course by Erik Kennedy is the most comprehensive course on UI Design on the web. It covers everything from typography, color, elements, and process. If you are new to web development or design I highly recommend this course.

Learn more: https://bit.ly/learn-ui-design-course

?? Need Design Assets?

Save hours of time and money with Envato Elements! Download unlimited music, stock footage, After Effects templates, graphic design assets and so much more!

Learn more: https://bit.ly/envato-elements-subscription


Powered by passion. Built with Webflow.

We’re passionate about helping you build your dream website through quality tools and resources. We believe in the power of community, and that’s why our videos, content, and customer support are created by real people with an excitement for visual web development.