A cross browser compatible CSS3 content slider

For more information, check the blog post. Also, have a look at a more complex example on our homepage.

Features

Works everywhere including Internet Explorer 6,7,8 and 9.
Hardware accelerated CSS3 transitions where supported (i.e. iOS devices)
jQuery animation fallback
Auto slide after a set interval
Anything can go in here, images, video, text, svg, canvas, if it's HTML it will work.

Get the best out of each browser

If you are in a modern browser, you get CSS3 transitions and transforms. In mediumly modern browsers you get CSS3 transitions without the transforms, in browsers that haven't implemented CSS3 you get an animation done with jQuery, and in non javascript browsers, the slides change without any animation.

Slide 3

Slide 4

« »