CSS3-Only Slideshow With Parallax Effect

Codrops, a creative web design and development blog, has created a detailed tutorial on creating a beautiful slider powered only by HTML and CSS3.

The slider not only uses the transition property but also changes the background-position of the given background images accordingly to create a parallax effect.

Slides can be browsed either with the bullet-navigation (styled radio inputs) and/or with the prev-next links.

Both of the effects are very smooth and the slider adapts itself perfectly to any width (responsive).