Question: 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 `HTML5/CSS3` style?

Answer: 
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)](http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/)  

[Timed slideshow (background)](http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/)

I hope I didn't misinterpreted your question.
this is the best that I have ever found

```
.stack {  position: relative; z-index: 10; }
.stack img { max-width: 180px; height: 180px; vertical-align: bottom; border: 5px solid #fff; border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    }

```