Create a pure CSS3 slideshow (no javascript). Uses SASS/SCSS. Pauses on hover.
- Copy css3-slideshow-1.1.0.css into your working directory.
- Link to css3-slideshow-1.1.0.css within your header.
- Copy the contents of id content-slideshow within index.html.
- Edit the image sources and the $slideshow-width and $slideshow-height within css3-slideshow-1.1.0.scss. Or alternatively edit respective widths and heights within css3-slideshow-1.0.0.css.
- Feel free to modify the animation properties to change the transition effects and delay between images.
- Fork it.
- Create a branch (
git checkout -b my_markup) - Commit your changes (
git commit -am "Clean redundant CSS") - Push to the branch (
git push origin my_markup) - Open a [Pull Request][1]
- Eat some bacon while you wait