Galería de CSS pura con imagen rotar/expandir efectos
| Autor: | bkaezarag |
|---|---|
| Views Total: | 2,257 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 21, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Le ayuda a crear una galería de imágenes superpuestas o justificadas con efectos de rotación o expansión de CSS3.
Funcionamiento
Incluya el Style-Expand-Effect. CSS para expandir los efectos o el Style-Rotate-Effect . CSS para los efectos de rotación.
<link rel="stylesheet" href="style-expand-effect.css"> <link rel="stylesheet" href="style-rotate-effect.css">
Simplemente Envuelva sus imágenes para la galería en un elemento contenedor con la clase CSS de ' Galería ' y ya está.
<div class="gallery"> <a href="javascript:void(0)"> <img class="img01" src="1.jpg"/> </a> <a href="javascript:void(0)"> <img class="img02" src="2.jpg"/> </a> <a href="javascript:void(0)"> <img class="img03" src="3.jpg"/> </a> <a href="javascript:void(0)"> <img class="img04" src="4.jpg"/> </a> <a href="javascript:void(0)"> <img class="img05" src="5.jpg"/> </a> </div>
