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).
Compatibility: All Modern Browsers