Sedosa imagen de fondo suave silder con los fotogramas clave CSS3
| Autor: | stephenscaff |
|---|---|
| Views Total: | 3,993 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 15, 2015 |
| Licencia: |
Vista prévia
Descripción
Una solución CSS pura para crear la imagen de fondo de pantalla completa deslizante/presentación de diapositivas con CSS3 Powered transiciones suaves efectos.
Funcionamiento
Incluya la hoja de estilo requerida en la sección head del documento HTML.
<link rel="stylesheet" href="css/app.css">
Compile la estructura HTML para el control deslizante de imagen de fondo.
<section class="sect-banner"> <!-- Slider animation --> <ul class="kf-slider"> <li></li> <li></li> <li></li> </ul> <div class="v-center"> <h1>Slider Title</h1> <p>Slider Description</p> </div> </section>
Cambie las imágenes de fondo a las suyas.
.sect-banner ul.kf-slider li { background-image: url(../images/banner-1.jpg); }
...
