Deslizador de voltear 3D con JavaScript y CSS3-3D flip Slider
| Autor: | ashishkumar-ui |
|---|---|
| Views Total: | 3,464 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 5, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
3D flip Slider es una biblioteca de JavaScript ligera y pura que se utiliza para crear un deslizador de volteo 3D usando transiciones CSS3 y transformaciones 3D. Soporta imágenes y contenidos HTML.
Funcionamiento
Enlace a la hoja de estilo Flip-Slider. CSS y JavaScript Flip-Slider. js así:
<link rel="stylesheet" href="flip-slider.css"> <script src="flipslide.js"></script>
Agregue contenido personalizado al control deslizante que sigue a la estructura de marcado como esta:
<div class="flip-slider"> <div class="flip-frame"> <div class="flip"> <div class="slide"><img src="1.jpg" alt="" /></div> <div class="slide"><img src="2.jpg" alt="" /></div> <div class="slide"><img src="3.jpg" alt="" /></div> ... </div> </div> </div>
Agregue un control de navegación siguiente/anterior dentro del control deslizante.
<div class="nav"> <button class="prev">Previous</button> <button class="next">Next</button> </div>
