Sticker.js é uma pequena biblioteca JavaScript que permite criar belos efeitos de adesivos nas páginas da web. Nenhuma dependência (sem necessidade de jQuery) pode funcionar na maioria dos navegadores convencionais que suportam o CSS3. Abaixo estão exemplos de uso simples, e mais funções estão esperando você descobrir.
Exemplo de uso:
Html:
A cópia do código é a seguinte:
<!-DOM Elements->
<div> </div>
<div> </div>
CSS:
A cópia do código é a seguinte:
.sticker {
Largura: 180px;
Altura: 180px;
}
// Adicione a imagem
.Example-1 .sticker-img {
Imagem de fundo: URL (heróis-2.png);
}
// Adicione a cor
.Example-2 .sticker-img {
Background-Color: #ff4a85;
}
// Alterar a opacidade das sombras
.Example-2 .sticker-shadow {
Opacidade: 0,6;
}
JavaScript:
A cópia do código é a seguinte:
<!-Call Sticker JS->
Adesivo.init ('. Adesivo');
Baixe a demonstração online agora