Pure CSS Image Slider
May 8th 2012
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
Leave a Reply
Subscribe to our weekly newsletter to receive the latest freebies in your inbox! (see an example)
Facebook Exclusive
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.
marcin said:
thank you, very usefull css slider
Denial said:
thax for sharing!