Crear etiquetas animadas efectos de etiqueta con Sticker. js
| Autor: | cmiscm |
|---|---|
| Views Total: | 3,087 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 19, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Sticker. js es una librería JavaScript elegante y genial que se utiliza para crear etiquetas animadas & pegatinas usando javscript y CSS3 en su página web. Actualmente es compatible con todos los principales navegadores que soportan propiedades CSS3.
Funcionamiento
Coloque la biblioteca JavaScript Sticker. js en cualquier lugar de su página web.
<script src="sticker.min.js"></script>
Cree un contenedor vacío para una pegatina.
<div class="sticker demo"></div>
El CSS de ejemplo para el estilo de la pegatina y, opcionalmente, puede establecer una imagen de fondo para él.
.sticker {
position: relative;
width: 180px;
height: 180px;
margin: 50px;
}
.example-1 .sticker-img {
background-image: url(1.png);
} Inicialice la pegatina y ya está.
<script type="text/javascript">
window.onload = function() {
Sticker.init('.sticker');
}
</script>
