הוסף לחצנים מתוכננים מראש לאתר שלך עם Butns.css

המסגרות Frontend, כגון Bootstrap, לבוא עם שלהם סגנונות לחצנים משלך, אבל הם לא בדרך כלל יש מגוון רב.

החופשי ספריית באטנס הצעות מגוון רחב של סגנונות לחצנים מותאמים אישית ללא כל המסגרת המצורפת. זה מושלם עבור מפתחי מי כבר יש עיצוב דף מותאם אישית אבל לא רוצה להתמודד עם crafting סגנונות הכפתור שלהם.

יש לך כמעט ללא גבולות אפשרויות ושילובים לבחירה. יש Butns מעל 30 + צבעי רקע / גבול שונים כי אתה יכול לערבב & להתאים המסורתית לחצנים שטוחים או כפתורי הגלולה או אפילו כפתורי רפאים.

אתה יכול גם לבחור בין סגנונות צבע שונים כי שני צבעים שונים יחד. אלה לחצני שיפוע להיראות מדהים עם טיפה צל עבור אפקט הבלטת הרים.

יחד עם צבעים וצללים, אתה יכול גם לשנות את הצורה, הגודל והשקיפות של כל כפתור.

הכל נשלט באמצעות שיעורים CSS, אז יש לך גישה מלאה לכל דבר בספריה.

מה שאני הכי אוהב על בטנס הוא שאתה יכול בקלות לעבור בין סגנונות שונים רק על ידי מעדכן שם מחלקה אחת. אין מערכת מורכבת מדי של הוספת סגנונות או עריכת גליון סגנונות. אתה פשוט להחליף שיעורים, ואתה טוב ללכת.

אמנם אין נזק מחליף חלק מהשיעורים האלה עם ההעדפות שלך. זה היופי של אפקט מדורגים ב- CSS.

רק כדי להתחיל הורד את .css קובץ מתוך דף הבית של התותחים או מהריפו של גיטהוב. שניהם קישור לגרסה העדכנית ביותר, כך או כך זה בסדר.

לאחר שזה יתווסף לדף האינטרנט שלך, פשוט הוסף את הכיתה .כפתור לכל דבר שאתה רוצה להיות בצורת כפתור. משם זה עניין של הוספת שיעורים נוספים בהתבסס על הצבעים, הגודל והסגנון של הכפתור הרצוי.

תסתכל על דף GitHub למטה ליד רשימת שיעורים. תמצא רשימה מלאה של כל הכיתות עבור התאמה אישית של צבע, סוג לחצן, אפשרויות תצוגה כמו קטן / גדול או שקוף למחצה.

Butns.css הוא בקלות אחת מגליון הסגנונות המקיף ביותר ברשת. ניתן להוסיף אותו למספר פרויקטים באינטרנט, וכולם יכולים יש מראה שונה עם ספריה אחת זו.

זה גם משחק יפה עם מסגרות אחרות כגון Bootstrap מאז השיעורים אינם חופפים. אז אתה יכול למזג Butns עם כמעט כל מסגרת Frontend אחרים בשוק ללא טרחה.