A medida que avanza la adopción de las nuevas tecnologías por los navegadores web, vamos viendo nuevos proyectos e ideas que aprovechan estas mejoras. En este caso, Caleb Jacob ha desarrollado un pase de imágenes automático exclusivamente con HTML y CSS3 que ha llamado The Pure CSS3 Slider.
Pongo un mini video de unos segundos mostrando el slider en directo:
Como bien dice su autor… “Mira mamá, ¡sin javascript!”. La verdad es que el efecto del slider está muy conseguido y tiene soporte a las funciones habituales:
- Pase de imágenes automático con transiciones.
- Captions: posibilidad de superponer títulos y descripciones sobre las imágenes.
- Pausa y animación al pasar el ratón por encima.
- Barra de progreso informando del tiempo que queda para pasar a la siguiente.
Lo mejor de todo es que ha liberado el código y lo puedes descargar desde la misma web para hacer pruebas. Si lo descargas, verás que no usa ni una sola línea que no sea HTML y CSS, y además se ha esforzado mucho en poner comentarios explicativos por todas las partes del código.
Lógicamente, necesitas verlo con un navegador moderno, que soporte CSS3. Casi cualquiera salvo Internet Explorer, vamos.
Enlace:
Deja tu comentario