Responsive CSS3 slider with no JavaScript

Seems that more things that would be achieved using JavaScript can now be achieved quite easily using only CSS3. Today I present such a thing, a responsive CSS3 slider built by Ian Hansson, a designer from London. The slider requires no JavaScript.

The slider is similar to JavaScript ones working by floating all the content areas next to each other hiding the overflow. Animating the margin of the inner div element will give the next item. Current support is Firefox, Chrome, Opera, Safari (latest versions), partial support in IE9 and optional there is an fix (JavaScript) for iOS where the slider doesn’t work properly.

There is no download link provided so for duplicating this you need to view the source code of the page.

Responsive CSS3 slider with no JavaScript

Responsive CSS3 slider

View Slider

POST TAGS: - | @Google+ | @Facebook | @Twitter | @RSS

Related Posts

CSS3 transitions with jQuery

jQuery slider with huge number of effects

Add CSS3 specific browser prefixes automatically

CSS3 pulse effect

Leave a Reply