Gunakan Sticker.js untuk mencapai kemahiran sticker effect_javascript

Sticker.js ialah perpustakaan JavaScript kecil yang membolehkan anda mencipta kesan pelekat yang cantik pada halaman web. Tiada kebergantungan (tiada jQuery diperlukan) dan berfungsi dalam kebanyakan pelayar utama yang menyokong CSS3. Terdapat contoh penggunaan mudah di bawah, dan lebih banyak fungsi sedang menunggu untuk anda temui.

Contoh penggunaan:

HTML:

Salin kod Kod adalah seperti berikut:

CSS:

Salin kod Kod adalah seperti berikut:

.pelekat {
lebar: 180px;
ketinggian: 180px;
}
// tambah imej
.contoh-1 .sticker-img {
imej latar belakang: url(heroes-2.png);
}
// tambah warna
.contoh-2 .sticker-img {
warna latar belakang: #ff4a85;
}
// tukar kelegapan bayang
.contoh-2 .pelekat-bayang {
kelegapan: 0.6;
}

JavaScript:

Salin kod Kod adalah seperti berikut:

Sticker.init('.sticker');

　Muat turun sekarang Demo dalam talian