أضف أزرارًا مصممة مسبقًا إلى موقعك باستخدام Butns.css

الأطر الأمامية ، مثل Bootstrap ، تأتي مع أنماط الزر الخاصة, لكنهم لم يكن لديك عادة الكثير متنوعة.

الحر مكتبة بوتن عروض عدد كبير من أنماط زر مخصص دون الإطار كله المرفقة. هذا مثالي للمطورين الذين لديك بالفعل تصميم صفحة مخصصة ولكن لا تريد التعامل مع صياغة أنماط الأزرار الخاصة بهم.

لديك اختيارات ومجموعات لا حدود لها عمليا للاختيار من بينها. بوتنز لديها أكثر من 30+ ألوان الخلفية / الحدود المختلفة أنه يمكنك خلط وتطابق التقليدية أزرار مسطحة أو أزرار حبوب منع الحمل او حتى أزرار شبح.

يمكنك أيضا اختيار بين أنماط التدرج المختلفة أن شبكة لونين مختلفين معا. هذه الأزرار المتدرجة تبدو رائعة مع ظل إسقاط لتأثير النقش البارز.

جنبا إلى جنب مع الألوان والظلال ، يمكنك أيضا تغيير الشكل والحجم والشفافية من أي زر.

كل شيء تسيطر عليها عبر فصول CSS, بحيث يكون لديك حق الوصول الكامل إلى كل شيء في المكتبة.

أكثر ما يعجبني في Butns هو أنه يمكنك بسهولة التبديل بين أنماط مختلفة فقط بواسطة تحديث اسم فئة واحدة. لا يوجد نظام شديد التعقيد لإضافة أنماط أو تحرير ورقة أنماط. أنت مجرد مبادلة الطبقات ، وأنت على ما يرام.

رغم عدم وجود ضرر في الكتابة فوق بعض هذه الفئات مع التفضيلات الخاصة بك. هذا هو جمال تأثير المتتالية في CSS.

لتبدأ فقط تحميل .المغلق ملف من الصفحة الرئيسية لـ Butns أو من GitHub repo. كلاهما يرتبط بالإصدار الأكثر حداثة لذا كلا الطريقتين على ما يرام.

بمجرد إضافته إلى صفحة الويب الخاصة بك ، فقط إلحاق الفصل .زر إلى أي شيء تريد أن تكون مثل زر. من هناك انها مسألة إضافة فصول إضافية بناءً على الألوان والحجم وأسلوب الزر الذي تريده.

ألق نظرة على صفحة جيثب أسفل قائمة الفئات. ستجد أ قائمة كاملة لجميع الفئات لتخصيص خيارات الألوان ونوع الشاشة والعرض مثل الصغيرة / الكبيرة أو شبه شفافة.

Butns.css بسهولة واحدة من ورقة أنماط زر الأكثر شمولا على الويب. يمكنك إضافته إلى مشاريع ويب متعددة ، ويمكنهم جميعًا إلقاء نظرة مختلفة مع هذه المكتبة واحدة.

هذا ايضا يلعب بشكل جيد مع الأطر الأخرى مثل Bootstrap منذ الطبقات لا تتداخل. لذلك يمكنك دمج Butns مع أي إطار أمامي تقريبًا في السوق بدون أي متاعب.