SummArg | Cursos y recursos para webmasters

26/03/2013

Parallax Content Slider con jQuery y CSS3

En Codrops publican este excelente tutorial, con archivos disponibles para su descarga, en donde enseñan a hacer un slider con efecto parallax utilizando jQuery y CSS3.

Para lograr el efecto, se coloca una imagen de fondo, una imagen de un objeto que irá sobre ese fondo, un título, un texto con link y un comentario. Cada uno de estos elementos aparece y desaparece del visor en un momento diferente, lo que profundiza el efecto y lo vuelve interesante.

El slider posee un fallback para los navegadores que no soporten las animaciones y transiciones de CSS3. Muy recomendable.

Descargar | Demo

parallax

Dejar un comentario