Vertical Showcase Slider in jQuery and CSS

by pixelpapa

Vertical Showcase Slider in jQuery and CSS

Inspired by the beautiful website site of National LGBT Museum, comes a Vertical Showcase Slider with jQuery and CSS transitions.

In the link, you’ll find a very extensive tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. Plus, transitions (such as jQuery and CSS Transitions) and media queries are present to make the layout adaptive.

The idea is to have different sections in a fullscreen view: the image or preview, a navigation, and the description. Feel free to share and use for personal and commercial projects.

Lastly, it is important to note that this only works as intended in browsers that support the respective CSS properties.