Image stack with HTML5/CSS3
I know there are many examples, but essentially without any garbage usually involved, how can one do an image Stack using the new
HTML5 + CSS3 style, that is:
- only single image displayed at the time
- next image shown over the previous image after some event (e.g. a mouse-down; round-robin)
I would like to know how to do this simple thing using the new
I found pretty good examples for a slideshow if that's what you are looking for without to much extra in it. One with showing a timer for the next photo and an other one that changes the background.
Both CSS3 solutions and nice step per step tutorials
Timed slideshow (box)
Timed slideshow (background)
I hope I didn't misinterpreted your question.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here