Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021

Published: 17 July 2021
on channel: 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! 😎

On this page of the site you can watch the video online Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021 with a duration of online in good quality, which was uploaded by the user Simon Lampert 17 July 2021, share the link with friends and acquaintances, this video has already been watched 3,787 times on youtube and it was liked by 77 viewers. Enjoy your viewing!

407