เพิ่มปุ่มที่ออกแบบไว้ล่วงหน้าลงในเว็บไซต์ของคุณด้วย Butns.css
เฟรมเวิร์กส่วนหน้าเช่น Bootstrap มาพร้อมกับพวกมัน รูปแบบปุ่มของตัวเอง, แต่พวกเขา ไม่ค่อยมีความหลากหลายมากนัก.
ของฟรี ห้องสมุด Butns ข้อเสนอ ปุ่มสไตล์ที่กำหนดเอง โดยไม่ต้องแนบกรอบทั้งหมด นี่คือที่สมบูรณ์แบบสำหรับนักพัฒนาที่ มีการออกแบบหน้ากำหนดเองอยู่แล้ว แต่ไม่ต้องการจัดการกับการกำหนดลักษณะปุ่มของตนเอง.
คุณมีตัวเลือกและชุดค่าผสมให้เลือกไม่ จำกัด Butns มี มากกว่า 30 สีพื้นหลัง / เส้นขอบที่แตกต่างกัน คุณสามารถมิกซ์ & จับคู่แบบดั้งเดิม ปุ่มแบน หรือ ปุ่มยา หรือแม้กระทั่ง ปุ่มผี.
คุณยังสามารถเลือกระหว่าง รูปแบบการไล่ระดับสีที่แตกต่างกัน ที่ตาข่ายสองสีที่แตกต่างกัน ปุ่มไล่ระดับสีเหล่านี้ดูน่ากลัวด้วยเงาที่หล่นสำหรับเอฟเฟกต์ลายนูนที่ยกขึ้น.
นอกจากสีและเงาแล้วคุณยังสามารถ เปลี่ยนรูปร่างขนาดและความโปร่งใส ของปุ่มใด ๆ.
ทุกๆสิ่งคือ ควบคุมผ่านคลาส CSS, ดังนั้นคุณสามารถเข้าถึงทุกสิ่งในห้องสมุดได้อย่างสมบูรณ์.
สิ่งที่ฉันชอบมากที่สุดเกี่ยวกับ Butns คือคุณสามารถทำได้โดยง่าย สลับไปมาระหว่างสไตล์ที่แตกต่าง เพียงแค่โดย อัปเดตชื่อชั้นหนึ่ง. ไม่มีระบบที่ซับซ้อนเกินไปในการเพิ่มสไตล์หรือแก้ไขสไตล์ชีท คุณแค่สลับคลาสแล้วก็ไปได้ดี.
แม้ว่าจะไม่มีอันตรายใด ๆ เขียนทับคลาสเหล่านี้บางส่วน ด้วยการตั้งค่าของคุณเอง นั่นคือความงามของเอฟเฟกต์แบบเรียงซ้อนใน CSS.
ในการเริ่มต้นเพียง ดาวน์โหลด .CSS ไฟล์ จากหน้าแรกของ Butns หรือจาก repo ของ GitHub พวกเขาทั้งสองเชื่อมโยงไปยังรุ่นที่ทันสมัยที่สุดดังนั้นวิธีใดวิธีหนึ่งก็โอเค.
เมื่อเพิ่มลงในหน้าเว็บของคุณแล้ว ผนวกชั้นเรียน .ปุ่ม กับทุกสิ่งที่คุณต้องการให้มีรูปร่างเหมือนปุ่ม จากตรงนั้นมันเป็นเรื่องของ เพิ่มคลาสพิเศษ ขึ้นอยู่กับสีขนาดและสไตล์ของปุ่มที่คุณต้องการ.
ดูที่หน้า GitHub ใกล้กับรายการคลาส คุณจะได้พบกับ รายการทั้งหมดของทุกชั้นเรียน สำหรับปรับแต่งสีชนิดปุ่มและตัวเลือกการแสดงเช่นเล็ก / ใหญ่หรือกึ่งโปร่งใส.
Butns.css เป็นเรื่องง่าย หนึ่งในสไตล์ชีทของปุ่มที่ครอบคลุมมากที่สุด บนเว็บ คุณสามารถเพิ่มลงในโครงการเว็บหลายโครงการและทั้งหมดสามารถทำได้ มีลักษณะที่แตกต่าง กับห้องสมุดนี้.
มันยัง เล่นได้ดีกับกรอบอื่น ๆ เช่น Bootstrap ตั้งแต่ ชั้นเรียนไม่ทับซ้อนกัน. ดังนั้นคุณสามารถผสาน Butns เข้ากับกรอบส่วนหน้าอื่น ๆ ในตลาดได้โดยไม่ต้องยุ่งยาก.
