Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:17:24
original
1690 Les gens l'ont consulté

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal