The pure CSS3 slider es un fantástico experimento que utiliza CSS3 con la intención de reemplazar por completo la utilización de javascript para crear las animaciones de transición. No hace falta decir que logra su objetivo con total facilidad.
Este slider CSS3 funciona perfectamente en los navegadores más modernos que utilizan WebKit, tambien se ejecuta sin inconvenientes en Firefox. Lamentablemente el navegador con el que vamos a encontrar problemas es el Internet Explorer, un navegador que si bien esta perdiendo cuota de mercado todos los meses, las personas que lo utilizan todavía son muchas y es un error menospreciar ese mercado.
Pure CSS3 slider es un experimento, el autor mismo lo reconoce y prácticamente nos dice que no lo usemos en sitios reales, no obstante en un futuro no muy lejano y en cuanto progrese la aceptación de CSS3 en los distintos navegadores, su implementación será muy simple y posible.
Demostración online: The pure CSS3 slider
El slider cuenta con distintos niveles de animación. Por un lado veremos una animación que corresponde a la transición de contenidos, actualmente esta configurado para funcionar con cuatro imágenes. Por otro el cargando, que se indica mediante una fina linea en la parte inferior de las imágenes. Y finalmente un pequeño movimiento que se acciona al querer ejecutar la pausa. Muy buenas todas.
El experimento se puede descargar de forma gratuita, comprimido en formato zip, y sin ningún tipo de limite, simplemente con presionar el botón de descarga tendremos en nuestra computadora el slider para poder realizar distintas pruebas.
Web: The pure CSS3 slider
Slider con CSS 3 (No usa Javascript)
12 años ago
[…] muchas y una de las pruebas de ello es el impresionante Slider que encontré navegando por la web Kabytes llamado The pure CSS3 slider y que tiene la peculiaridad de que no usa javascript para su […]