CSS3 image auto run

by Lien Z

HTML

<img src="http://f.cl.ly/items/2L1P0W2A1C1u3c0l1J3u/marilyn.png">
<img src="http://f.cl.ly/items/2L1P0W2A1C1u3c0l1J3u/marilyn.png">
<img src="http://f.cl.ly/items/2L1P0W2A1C1u3c0l1J3u/marilyn.png">
<img src="http://f.cl.ly/items/2L1P0W2A1C1u3c0l1J3u/marilyn.png">

CSS

img {
     background: red;  
     -webkit-animation: super-rainbow 5s infinite alternate linear; 
}

@-webkit-keyframes super-rainbow {
    0%   { background: red; } 
    20%  { background: orange; }
    40%  { background: yellow; }
    60%  { background: green; }
    80%  { background: blue; }
    100% { background: violet; }
}

img:nth-of-type(2) { -webkit-animation-delay: 1s; }
img:nth-of-type(3) { -webkit-animation-delay: 2s; }
img:nth-of-type(4) { -webkit-animation-delay: 3s; }