Gunakan Sticker.js untuk mencapai kemahiran sticker effect_javascript

WBOY
Lepaskan: 2016-05-16 16:17:24
asal
1696 orang telah melayarinya

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan