Crear un Carousel con CSS

publicado el 22/02/2020

1 min. de lectura

El usuario necesita navegar por un set de items y posiblemente seleccionar alguno de ellos para facilitar la interacción creamos este elemento llamado carousel/slideshow.

Cuando usarlo

  • Utilízalo cuando tengas que mostrar una larga lista de elementos, pero quieres concentrar la atención del usuario solo en el elemento que seleccione por poco tiempo.
  • Utilízalo cuando quieras hacerle saber al usuario que hay más elementos delante que quieres mostrarle.
  • Utilizalo cuando no tengas suficiente espacio para mostrar todos los elementos a la vez.
  • utilízalo cuando tengas elementos muy visuales para mostrar, cómo carteles de películas, portadas de álbumes, productos, etc.
  • No lo utilices cuando los elementos no sean visuales como links a artículos de texto, documentos PDF etc.
  • No lo utilices cuando el contenido vinculado no es inmediatamente identificado por una imagen.

Aquí te dejo el resultado de un sencillo ejemplo con solo html y css, que como puedes ver se pueden obtener buenos resultados.

See the pen on CodePen.

Enviar mensaje
Contacto

Lorem ipsum dolor sit amet consectetur adipisicing elit, possimus eveniet similique culpa.

Escribir reseña
Escribe

Placeat optio nostrum tempora ab excepturi dolores nemo.