Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021

Publié le: 17 juillet 2021
sur la chaîne: Simon Lampert

3,787

In this video, I will show you how to create a vertical slider in Webflow. To achieve this, we will have to trick the Webflow designer. I will start from scratch to guide you through the full process. Custom CSS code will be used, but no worries, every snippet is in the video description. Hopefully, this video will be helpful for you!

💻 Use Webflow: https://webflow.grsm.io/simonlampert
⚡ Check out the Relume Library: https://library.relume.io/?via=simon
Code snippets used in this tutorial:
https://simonlampert.notion.site/Vert...

🔥 Follow me on Instagram:   / simonwebdev

🦅 Follow me on Twitter:
  / simonwebflow

🌎 Connect with me on LinkedIn:
www.linkedin.com/in/simon-lampert

📷 Timestamps
0:00 - Introduction
0:25 - Setting up the basic structure
3:04 - Styling the elements
8:16 - Vertical slider trick on slider mask
9:27 - Custom code snippet added and explained
11:00 - Interaction on slides
13:55 - Outro

🎵 The songs:
Six Seasons - Unicorn Heads
   • Unicorn Heads - Six Seasons

Whip - Yung Logos
   • Video

Like That - Anno Domini Beats    / @annodominibeats

Interstellar Mood - Nico Staf
   • Video

Soul Searching - Causmic    / @causmic

Turtle Time - Verified Picasso    / @verifiedpicasso7260

👍 Check out my other Webflow videos if you want to learn more and leave a like if you think this tutorial was helpful. Do you have a question? Just ask in the comments. Never miss a new video again by subscribing to my channel.

See you next time! 😎

Sur cette page du site, vous pouvez voir la vidéo en ligne Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021 durée online en bonne qualité , qui a été Téléchargé par l'utilisateur Simon Lampert 17 juillet 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 3,787 fois et il a aimé 77 téléspectateurs. Bon visionnage!

108