Tutorial Parallax Content Slider with CSS3 and jQuery

 Demo1      -     Demo2     -     Download       -        Source

A simple parallax content slider with different animations for each slider element and a background parallax effect.

Parallax Content Slider with CSS3 and jQuery using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.

The idea for this comes from the slider of the Kendo UI homepage, a framework for modern HTML UI. After we got some requests and questions about how to do something like that, we decided to recreate the effect.