Sticker.js es una pequeña biblioteca de JavaScript que le permite crear hermosos efectos de pegatinas en las páginas web. No hay dependencias (sin necesidad de jQuery) puede funcionar en la mayoría de los navegadores convencionales que admiten CSS3. A continuación se presentan ejemplos de uso simples, y más funciones están esperando que descubra.
Ejemplo de uso:
HTML:
La copia del código es la siguiente:
<!-DOM Elements->
<div> </div>
<div> </div>
CSS:
La copia del código es la siguiente:
.sticker {
Ancho: 180px;
Altura: 180px;
}
// Agregar imagen
.example-1 .sticker-img {
IMAGEN DE ANTECEDENTES: URL (Heroes-2.png);
}
// agregar color
.example-2 .sticker-img {
Color de fondo: #FF4A85;
}
// Cambiar la opacidad de la sombra
.example-2 .sticker-shadow {
Opacidad: 0.6;
}
JavaScript:
La copia del código es la siguiente:
<!-Llame a la etiqueta JS->
Sticker.init ('. Sticker');
Descargue la demostración en línea ahora