Bttn.css - ปุ่ม CSS ที่น่าประทับใจภายใต้ 4Kb

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

หนึ่งในห้องสมุดดังกล่าวคือ Bttn.css, สร้างโดยนักพัฒนา Ganapati V S. ผลงานของเขาประณีตและไลบรารี่ปุ่มนี้เป็นหนึ่งในดีที่สุดสำหรับการพัฒนาส่วนหน้าที่ทันสมัย.

บนโฮมเพจปุ่มคุณสามารถเลือกระหว่าง ขนาดเล็กกลางและใหญ่, พร้อมด้วย โทนสีต่างๆ. ปุ่มมา ที่สร้างไว้ล่วงหน้า และ พร้อมที่จะไป, ดังนั้นสิ่งที่คุณต้องมีก็คือไลบรารี CSS ที่แท้จริงและคลาสที่เหมาะสมสำหรับปุ่มของคุณ.

คุณสามารถดาวน์โหลดห้องสมุด จาก GitHub หรือคุณสามารถใช้ รุ่น CDN สำหรับการทดสอบในท้องถิ่น มันยัง ทำงานใน IDEs บนคลาวด์ เช่น CodePen ถ้าคุณต้องการให้มันไปในเบราว์เซอร์ของคุณ.

Bttn.css เป็นห้องสมุดขนาดเล็กที่นำเสนอ ประมาณ 13 สไตล์ที่แตกต่าง. บางส่วนของรูปแบบเหล่านี้รวมถึงรูปแบบของวัสดุการไล่ระดับสีปุ่มผีและปุ่มยาแบบดั้งเดิมโดยใช้ขอบโค้ง CSS3.

หมายเหตุห้องสมุดนี้คือ คล้ายกับห้องสมุด Butns ในการใช้การสะกดคำแบบย่อของ “ปุ่ม” และรหัส CSS บริสุทธิ์.

อย่างไรก็ตามข้อเสนอ Bttn.css รูปแบบที่แตกต่างกันของปุ่ม, มากกว่าหนึ่งไลบรารีขนาดใหญ่ขององค์ประกอบที่คล้ายกัน นี่คือเหตุผลหนึ่งที่ฉันแนะนำ Bttn.css สำหรับเว็บโปรเจกต์ที่มีทั้งหมด 13 แบบคุณจะต้องหาสิ่งที่เหมาะกับคุณ.

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

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

ให้แน่ใจว่าได้ตรวจสอบ หน้าตัวอย่าง เพื่อดูว่าไลบรารีนี้สามารถทำอะไรได้บ้าง และอย่าลังเลที่จะแบ่งปันความคิดของคุณกับผู้สร้างบน Twitter ของเขา @ganapativs.