Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS3 Image Slideshow

Create a pure CSS3 slideshow (no javascript). Uses SASS/SCSS. Pauses on hover.

Installation

  • 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.

Contributing

  1. Fork it.
  2. Create a branch (git checkout -b my_markup)
  3. Commit your changes (git commit -am "Clean redundant CSS")
  4. Push to the branch (git push origin my_markup)
  5. Open a [Pull Request][1]
  6. Eat some bacon while you wait

About

A pure CSS3 image slideshow (no javascript).

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages