You’re probably familiar with regular ol’ sliders that move from side to side. But what about vertical sliders? They’re sliders that slider from top to bottom, right?

Well, sort of. Vertical sliders, also known as vertical transitions, have become a popular design trend in recent years as designed look for new ways to display content. From fullwidth and full screen vertical page slides to split-screen shifts complete with micro interactions, vertical sliders can add visual oomph to an otherwise boring, static website.

In this post, I’ll introduce you to vertical sliders and show you some pretty cool examples that you can create.

Puneet Kumar

Puneet Kumar

Software Developer Engineer | Coding Instructor | Web Developer https://puneetshivaay.github.io/