Carrusel de fundido cruzado en CSS puro
| Autor: | sea-reel |
|---|---|
| Views Total: | 2,834 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 14, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Un CSS puro < a href = "https://github.com/sea-reel/Pure-CSS-Carouselhttps://wikicss.com/tag/carousel/" > Carousel que se desvanece a través de una serie de contenidos web (imágenes, elementos div, etc) usando animaciones CSS3.
Funcionamiento
Añade tus propios elementos de diapositiva al carrusel.
<div class="carousel"> <img src="1.jpg"> <div style="background:url(2.jpg)"> ... </div> <img src="3.jpg"> <img src="4.jpg"> <img src="5.jpg"> </div>
Descargue e inserte la hoja de estilos ' Carousel. css ' en la sección head del documento.
<link rel="stylesheet" href="carousel.css">
Aplica tus propios estilos CSS al carrusel.
.carousel {
margin: auto;
max-width: 800px;
height: 450px;
box-shadow: 0 1em 5em black;
}
