title: CSS3 Crossfading various images
body: <p>I have 4 images that I would like to crossfade using CSS inside a container: </p>
  
  <pre><code>&lt;div id="frame"&gt;
      &lt;img class="img1" src="img1.jpg"&gt;
      &lt;img class="img2" src="img2.jpg"&gt;
      &lt;img class="img3" src="img3.jpg"&gt;
      &lt;img class="img4" src="img4.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I know that crossfading images consists of a CSS animation, but I haven't been able to find the CSS to make it work. Any help would be appreciated, thanks!</p>