CSS image animation with Keyframes and transition effect

A simple CSS transition effect to animate images, without JS.

In this demo you can see a Keyframes Animation: when you hover over the image, the animation starts  and shows 3 images, with a classic crossfade transition effect.
The Css Image Animation works like a simple Css Image Gallery or Slideshow. For example you can use it to show Infographics or detail on products.

CSS image animation with Keyframes

Below you find the link to download the demo. Feel free to custumize the code.

The example works in Firefox, Safari, Chrome, Opera and Internet Explorer 10. In older browsers you will see  no effects.

download

Browser Support:
Chrome, Safari, Firefox 4+, Opera 10.5+,IE 10+,  Android 2.1+, iOS 3.2+