Flux Slider - CSS3 Animation Based Image Transitions

Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin. Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, more powerful CSS3 animation technology. Its in a fairly early/rough state at the moment but testing on the iPhone/iPad does appear to produce much smoother animations. Desktop performance (as with Nivo) is very smooth but the use of CSS3 enables us to produce some new effects that Nivo can’t, e.g. rotations.

flux slider Flux Slider   CSS3 Animation Based Image Transitions

The aim is to use hardware acceleration where possible to improve performace on less powerful devices, such as mobiles & tablets.Flux requires a browser which supports CSS3 transformations and has been built to use either jQuery or Zepto.js as they share the same API. For mobile deployment Zepto is recommended due to its <5k deployment footprint.

Requirements: CSS3 Transformations Enable Browser
Demo: http://www.joelambert.co.uk/flux/
License: MIT License

Incoming search terms for the article:

Related Posts

jCapSlide – Sliding Captions For Your Images

Creating A Facebook Slider With MooTools

WordPress Animation Tricks With Animate.css

jQuery Dynamic Grid: XML Gallery