Pure CSS Image Slider


May 8th 2012 Tags: , ,
Pure CSS Image Slider
Download CSS
9899 Downloads

Ditch the JavaScript and use good old CSS and HTML to power a dynamic image slider with animated effects. This slider uses the power of :target to swap out the active image when a link along the top is clicked.

The techniques used to create the slider are largely demonstrated here. To bring :target support to IE, Selectivzr and jQuery are included (Selectivizr requires jQuery or another library). This is an automated process and you shouldn’t have to tweak anything to make it work.

Comments & Discussion

  1. thank you, very usefull css slider

  2. thax for sharing!

Leave a Reply

Your email address will not be published. Required fields are marked *

via Ad Packs
PIXELSDAILY is a collection of free and commercial resources for designers.

Subscribe to our weekly newsletter to receive the latest freebies in your inbox! (see an example)

Facebook Exclusive

Get our exclusive icon set for Facebook Fans

How it Works

It’s pretty simple. Any free resources are just that — completely free for you to use, incorporate in your designs, and build upon. Go nuts!

Featured commercial resources are available through the Envato marketplaces, which we love. Find out more.

Search


Copyright © Compact Creative Limited 2013

1,533,992 Design Freebies Served