Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021

Pubblicato il: 17 luglio 2021
sul canale di: 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! 😎

In questa pagina del sito puoi guardare il video online Crazy Webflow Slider Hack! Vertical Sliders Tutorial 2021 della durata di online in buona qualità , che l'utente ha caricato Simon Lampert 17 luglio 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 3,787 volte e gli è piaciuto 77 spettatori. Buona visione!

1,221