Focal Strategy

02380 844982

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

« »