Mozilla Demo Studio

  • Submit a Demo

Slider Pure CSS

Slider de imágenes realizado solo con CSS y un HTML limpio

Built using CSS3

  • 217 views
  • 0 comments

More About This Demo From The Author

A partir de un HTML muy básico, una lista de imágenes, y con la ayuda de CSS3 se ha creado un carrusel de imágenes que no hace uso de Javascript ni de otras técnologías.
Desgraciadamente no funciona bien en todos los navegadores.

La clave del funcionamiento está en el selector compuesto 'li:hover~li' y en las transiciones CSS3.

La explicación detallada de esta demo la pueden encontrar en:
http://www.elmundo.es/blogs/elmundo/totalsiessoloapretarunboton/2011/04/06/una-galeria-hecha-solo-con-css.html

No comments yet.

Register or log in to add your own.

Get the Source Code

Download the Source 6.2 KB · ZIP File

Browse the Source

This demo is released under the Public Domain (where applicable by law) license.