Utilisez Sticker.js pour acquérir des compétences sticker effect_javascript

Sticker.js est une petite bibliothèque JavaScript qui vous permet de créer de superbes effets d'autocollants sur les pages Web. Aucune dépendance (pas de jQuery requis) et fonctionne dans la plupart des principaux navigateurs prenant en charge CSS3. Vous trouverez ci-dessous des exemples d’utilisation simples et d’autres fonctions n’attendent que vous pour les découvrir.

Exemple d'utilisation :

HTML :

Copier le code Le code est le suivant :

CSS :

Copier le code Le code est le suivant :

.autocollant {
largeur : 180 px ;
hauteur : 180px ;
>
// ajouter une image
.exemple-1 .sticker-img {
image d'arrière-plan : url(heroes-2.png);
>
// ajoute de la couleur
.exemple-2 .sticker-img {
couleur d'arrière-plan : #ff4a85;
>
// change l'opacité de l'ombre
.exemple-2 .sticker-shadow {
opacité : 0,6 ;
>

JavaScript :

Copier le code Le code est le suivant :

Autocollant.init('.sticker');

　Télécharger maintenant Démo en ligne