<div class="image-slideshow">
<div>
<img src="https://placehold.co/600x300" width="600" height="300" alt="">
<div>
<h2>Example Photo 1</h2>
<p>Example description for the photo...</p>
</div>
</div>
<div>
<img src="https://placehold.co/600x300" width="600" height="300" alt="">
<div>
<h2>Example Photo 2</h2>
<p>Example description for the photo...</p>
</div>
</div>
<div>
<img src="https://placehold.co/600x300" width="600" height="300" alt="">
<div>
<h2>Example Photo 3</h2>
<p>Example description for the photo...</p>
</div>
</div>
</div>
Back to Snippets
Pure CSS3 Image Slideshow Example
This example demonstrates how to slide through images with CSS3 animations, no JavaScript required. The example will slide through each image with optional title and description.
501