Material Design Shape Slider with jQuery & SVG

samuel Animation 147 , , , ,

Get your geometry on with this Material Design inspired shape slider. Developed with SVG shapes and CSS transforms.We’re using SVG’s to draw each shape you see on the left side of the screen. When a shape is clicked we transform the shape with CSS and simultaneously transform the content container to show the correct content for the shape that was clicked.

Related Post

slider-x is a jQuery plugin to create a simple and awesome slider and carousel.

A content slider featuring responsive slides, flexible slide widths, callbacks, and custom animation hooks.

A jQuery plugin for creating a slider or content rotator. It converts the children inside any selected element into a Read more

Today’s resource is a simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide Read more

fSlider is a simple jQuery slider plugin with responsive feature and many other features.

ajSlider is a slideshow jQuery plugin which can be used as the main banner for your webpages or as a Read more

A simple content slider with depth-like zoom functionality for a predefined area in each slide.Each slide has a predefined zoom Read more

Zenith is responsive slider jquery plugin that comes in 4 basic layouts and 7 transition animation available. 4-th layout, or Read more