Home > Code stuff > JS effects & plugins > CSS jQuery vertical showcase slider

CSS jQuery vertical showcase slider

Code

A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions, using jQuery, CSS Transitions and media queries to make the layout adaptive.

View demo View snippet

Posted on October 1, 2012August 27, 2013 in JS effects & plugins, Code stuff, Image sliders and tagged responsive, tutorials, sliders, jQuery. This post has been viewed 7360 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

Pointy Slider is a CSS and jQuery powered slideshow with sliding panels that unveil background images. A tutorial by CodyHouse.

January 19, 2016

Pointy Slider – A slideshow based on panels

Code

A well written article including a short tutorial about creating a reading progress indicator widget. Coded by CodyHouse.

December 28, 2015

Reading progress indicator widget

Code

A simple but nice presentation template – coded with few lines of CSS and jQuery – that you can use to create beautiful web slides.

December 14, 2015

Presentation slideshow template

Code

Unslider is a very easy to install and configure jQuery plugin to create simple carousels. Coded by idiot.

December 2, 2015

Unslider – A simple jQuery carousel

Code

You should try this

Hemma: A WordPress theme for Holiday Houses

Recent Freebies

A minimal Apple iPhone 7 mockup for Sketch in two colours, White and Jet Black. Designed and released by Rifayet Uday.

July 26, 2017

White & Jet Black iPhone 7: Free Sketch mockups

Sketch

OAK is a free HTML portfolio template ideal for designers, photographers and any kind of creative people who need a website for showcasing their own works.

July 22, 2017

OAK: A free HTML template for creative portfolios

Exclusive

Code

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017

t-scroll: A modern reveal-on-scroll JS library

Code

Share this

Search Freebie

Envato