Animación CSS con fotogramas clave y efectos de transición.

Un fácil efecto de transición CSS para animar la imagen, no un JS.

En esta demostración, puede ver una animación de fotogramas clave: si desplaza el mouse sobre la imagen, la animación empieza y muestra 3 imágenes con un efecto tradicional de aparición y desaparición gradual.
La animación CSS es como una fácil biblioteca de imágenes CSS o presentación de pantallas. Puede utilizarlo para enseñar infografías o datos de artículos, por poner un ejemplo.

Animación CSS con fotogramas clave

El enlace para descargar la demostración se puede hallar a continuación. Siéntase libre de ajustar el código.

Este caso de ejemplo se aplica a Mozilla firefox, Safari, Google chrome, Opera e Internet Explorer 10. No va a ver ningún efecto en los navegadores más antiguos.

descargar

Soporte del navegador:
Google chrome, Safari, Firefox 4+, Opera 10.5+, IE 10+, Android 2.1+, iOS 3.2+