Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021

Veröffentlicht am: 17 Juli 2021
auf dem Kanal: 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! 😎

Auf dieser Seite können Sie das Online-Video Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021 mit der Dauer online in guter Qualität ansehen, das der Benutzer Simon Lampert 17 Juli 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,787 Mal angesehen und es wurde von 77 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

1,221