Deslizador de imagen CSS básico

Tiempo de ejecución: 30 minutos. Empezar

Autor: Mikielis
Views Total: 3,631
Sitio oficial: Ir a la web
Actualizado: April 13, 2016
Licencia: MIT

Vista prévia

Deslizador de imagen CSS básico puro-Slider. CSS

Descripción

Un deslizador básico de imagen CSS puro que se desliza automáticamente e infinitamente a través de un conjunto de imágenes usando animaciones CSS3.

Funcionamiento

Coloque el slider. CSS de la hoja de estilos principal en la sección head del documento HTML.

<link rel="stylesheet" href="slider.css">

Envuelve tus imágenes deslizantes en elementos DIV. Eso es todo.

<div id="slider">

<div>



<img src="4.jpg" alt="">

</div>

<div>



<img src="3.jpg" alt="">

</div>

<div>



<img src="2.jpg" alt="">

</div>

<div>



<img src="1.jpg" alt="">

</div>
</div>

Te puede interesar: