ไลบรารีช่องทำเครื่องหมายนี้เสนอ CSS สไตล์เช็คบ็อกซ์ฟรีหลายสิบแบบ

กำลังมองหา กำหนดสไตล์ UI ช่องทำเครื่องหมายที่กำหนดเอง สำหรับเว็บไซต์ของคุณ? ลองดูที่ CSS Checkbox Library โฮสต์ฟรีที่ GitHub.

ห้องสมุดขนาดใหญ่นี้ รองรับหลายสิบรูปแบบสำหรับรายการช่องทำเครื่องหมาย, เช่นตัวเลื่อนการออกแบบเปิด / ปิดวงกลมและสี่เหลี่ยมในรูปทรงอื่น ๆ.

คุณ รับสิทธิ์เข้าถึง HTML / CSS ได้อย่างเต็มรูปแบบ, ดังนั้นจึงเป็นเรื่องง่ายที่จะติดตั้งและใช้งานเว็บไซต์ของคุณ ไม่ต้องพูดถึงมันยังเต็มไปด้วยแหล่งที่มาและ พร้อมใช้งานสำหรับโครงการส่วนบุคคลและเชิงพาณิชย์.

ในการเริ่มต้นคุณสามารถเยี่ยมชม repo GitHub และ ดาวน์โหลดไฟล์ทั้งหมดในเครื่องของคุณ. หรือคุณสามารถติดตั้งไลบรารีผ่านทาง npm.

โดยค่าเริ่มต้น, สไตล์ช่องทำเครื่องหมายทุกคนมาพร้อมกับชั้นเรียนของตัวเอง. checkboxes.min.css สไตล์ชีทมีทุกสิ่งที่คุณต้องการดังนั้นหากรวมอยู่ในหน้าเว็บของคุณคุณก็พร้อมแล้ว.

ทุกสไตล์ช่องทำเครื่องหมาย รองรับเบราว์เซอร์รุ่นใหม่และเบราว์เซอร์รุ่นเก่ารวมถึง IE9+.

เวิร์กโฟลว์สำหรับห้องสมุดนี้อาจจะง่ายที่สุดที่ฉันเคยเห็น เมื่อคุณเพิ่มสไตล์ชีทในหน้าของคุณแล้ว ขุดผ่านสไตล์ทั้งหมดในการสาธิตหลัก และดูสิ่งที่โดดเด่น.

จากตรงนั้นคุณสามารถเลือกสิ่งที่ดีที่สุด คลิกที่ปุ่ม HTML แสดงคำกริยาที่มีรหัสแหล่งที่มาสำหรับช่องทำเครื่องหมายนั้น. ตอนนี้เพียงแค่คัดลอก / วางลงในเว็บไซต์ของคุณ, ให้ชื่อ / ค่าที่เหมาะสม (ถ้ามี) และคุณพร้อมแล้ว!

ไม่ยุ่งยากปรับแต่งน้อยมากและโดยทั่วไปไม่จำเป็นต้องมีทักษะการเขียนโปรแกรม.

คุณจะสังเกตเห็นช่องทำเครื่องหมายทุกรูปแบบ มาในรูปแบบทั้งสีอ่อนและสีเข้ม, สำหรับการสนับสนุนที่มากขึ้น ซึ่งหมายความว่าคุณไม่ควรมีปัญหาในการค้นหาช่องทำเครื่องหมายที่เหมาะกับเว็บไซต์ของคุณ นอกจากนี้คุณสามารถ ใช้คลาสเพิ่มเติม เช่น .ckbx ขนาดเล็ก หรือ .ckbx-XLarge เพื่อเพิ่มขนาด.

กับ 25 สไตล์ที่แตกต่างและภาพเคลื่อนไหวที่แตกต่างกันมากมาย, ฉันต้องบอกว่า CSS Checkbox Library นี้น่าประทับใจ เหมาะสำหรับนักพัฒนาที่ต้องการประหยัดเวลาในขั้นตอนการทำงานและ ปรับปรุงการออกแบบ UI ของเว็บฟอร์มใด ๆ.