github twitter codepen youtube
 

Crear un Carousel con CSS

| 📖 1 Min. | css

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.

https://codepen.io/ismaellopezdev/pen/ZEzXyZQ