Sticker.js est une petite bibliothèque JavaScript qui vous permet de créer de beaux effets d'autocollants dans les pages Web. Aucune dépendance (pas besoin jQuery) ne peut fonctionner dans la plupart des navigateurs traditionnels qui prennent en charge CSS3. Vous trouverez ci-dessous de simples exemples d'utilisation, et d'autres fonctions attendent que vous découvriez.
Exemple d'utilisation:
HTML:
La copie de code est la suivante:
<! - Dom Elements ->
<div> </div>
<div> </div>
CSS:
La copie de code est la suivante:
.STricker {
Largeur: 180px;
hauteur: 180px;
}
// Ajouter une image
.example-1 .sticker-iMg {
Image de fond: URL (héros-2.png);
}
// ajouter de la couleur
.example-2 .sticker-iMg {
Color en arrière-plan: # FF4A85;
}
// Changez l'opacité de l'ombre
.example-2 .sticker-shadow {
Opacité: 0,6;
}
Javascript:
La copie de code est la suivante:
<! - Appelez l'autocollant JS ->
Autocollant.init ('. Sticker');
Téléchargez la démo en ligne maintenant