sticker.js เป็นไลบรารี JavaScript ขนาดเล็กที่ช่วยให้คุณสร้างเอฟเฟกต์สติกเกอร์ที่สวยงามในหน้าเว็บ ไม่มีการพึ่งพา (ไม่จำเป็นต้องใช้ jQuery) สามารถทำงานในเบราว์เซอร์กระแสหลักส่วนใหญ่ที่รองรับ CSS3 ด้านล่างเป็นตัวอย่างการใช้งานง่าย ๆ และฟังก์ชั่นอื่น ๆ กำลังรอให้คุณค้นพบ
ตัวอย่างการใช้งาน:
html:
การคัดลอกรหัสมีดังนี้:
<!-องค์ประกอบ DOM->
<div> </div>
<div> </div>
CSS:
การคัดลอกรหัสมีดังนี้:
.sticker {
ความกว้าง: 180px;
ความสูง: 180px;
-
// เพิ่มรูปภาพ
.Example-1 .sticker-img {
Image-Image: URL (Heroes-2.png);
-
// เพิ่มสี
.Example-2 .sticker-img {
พื้นหลังสี: #FF4A85;
-
// เปลี่ยนความทึบเงา
.Example-2 .sticker-shadow {
ความทึบ: 0.6;
-
JavaScript:
การคัดลอกรหัสมีดังนี้:
<!-โทรหาสติกเกอร์ js->
sticker.init ('. สติกเกอร์');
ดาวน์โหลดการสาธิตออนไลน์ทันที