Scroll con efectos usando CSS3

Scroll con efectos usando CSS3

Escrito por: Redacción    23 abril 2012     1 minuto

Simplemente usando CSS3 se pueden crear fantásticos efectos de scroll.

No nos casamos de descubrir hasta donde puede llegar el potencial del CSS3. Desarrolladores de todo el mundo siguen exprimiendo al máximo las posibilidades que ofrece este éstandar y los navegadores modernos. En esta ocasión Hakim El Hattab ha creado gran variedad de efectos al hacer scroll, simplemente usando las opciones de las nuevas hojas de estilo.

El resultado es espectacular y solo utiliza CSS3. Aunque para agregar y eliminar clases a los elementos use una pequeña librería JavaScript, el rendimiento está optimizado al máximo para que tengas unos resultados realmente vistosos.

En la página de demostración puedes ver más de 12 efectos. Como imaginarás, solo funcionan con las últimas versiones de WebKit o Firefox. Aunque para navegadores antiguos cuenta con un degradado, por lo que no perderemos en funcionalidad.

Enlace | Descarga en GitHub
Vía | WRD