Sticker.js adalah perpustakaan JavaScript kecil yang memungkinkan Anda membuat efek stiker yang indah di halaman web. Tidak ada dependensi (tidak perlu jQuery) dapat bekerja di sebagian besar browser arus utama yang mendukung CSS3. Di bawah ini adalah contoh penggunaan sederhana, dan lebih banyak fungsi menunggu Anda untuk menemukan.
Contoh Penggunaan:
Html:
Salinan kode adalah sebagai berikut:
<!-Dom Elements->
<div> </div>
<div> </div>
CSS:
Salinan kode adalah sebagai berikut:
.sticker {
Lebar: 180px;
Tinggi: 180px;
}
// tambahkan gambar
.example-1 .sticker-img {
latar belakang-gambar: url (pahlawan-2.png);
}
// tambahkan warna
.example-2 .sticker-img {
latar belakang-warna: #ff4a85;
}
// Ubah Opacity Bayangan
.example-2 .sticker-shadow {
Opacity: 0.6;
}
Javascript:
Salinan kode adalah sebagai berikut:
<!-Panggil stiker JS->
Stiker.init ('. Sticker');
Unduh demo online sekarang