Responsive CSS3 Slider Without Javascript

Responsive CSS3 Slider without JavaScript created by Ian Hansson, a designer/developer from London.

Its much like to JavaScript sliders; works by floating all of the content areas (articles) next to each other and hides the overflow. After that, animating the margin of the inner <div> gives us the next item. so if we have 5 articles, moving the left-margin -100% would give us the second article.

There is an optional JavaScript fix for an iOS-only issue and the slider works well in modern browsers.

Website: http://csscience.com/responsiveslidercss3/