CSS image animation with Keyframes and transition effect

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

CSS image animation with Keyframes

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.
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.

Live demo download

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