Sticker.js ist eine kleine JavaScript -Bibliothek, mit der Sie schöne Aufklebereffekte auf Webseiten erstellen können. In den meisten Mainstream -Browsern, die CSS3 unterstützen, können keine Abhängigkeiten (keine Notwendigkeit) funktionieren. Im Folgenden finden Sie einfache Nutzungsbeispiele, und weitere Funktionen warten darauf, dass Sie entdecken.
Beispiel der Nutzung:
HTML:
Die Codekopie lautet wie folgt:
<!-Dom Elements->
<div> </div>
<div> </div>
CSS:
Die Codekopie lautet wie folgt:
.Sticker {
Breite: 180px;
Höhe: 180px;
}
// Bild hinzufügen
.example-1 .sticker-img {
Hintergrundbild: URL (Heroes-2.png);
}
// Farbe hinzufügen
.example-2 .sticker-img {
Hintergrundfarbe: #FF4A85;
}
// Schatten -Deckkraft ändern
.example-2 .sticker-shadow {
Deckkraft: 0,6;
}
JavaScript:
Die Codekopie lautet wie folgt:
<!-Ruf Aufkleber JS->
Sticker.init ('. Aufkleber');
Laden Sie jetzt die Online -Demo herunter