تقدم مكتبة مربعات الاختيار هذه العشرات من أنماط مربعات CSS المجانية

البحث عن أنماط مربع الاختيار المخصصة واجهة المستخدم لموقع الويب الخاص بك؟ نلقي نظرة خاطفة على مكتبة مربع CSS استضافت مجانا على جيثب.

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

أنت الحصول على حق الوصول الكامل إلى رمز HTML / CSS, لذلك هو نسيم للحصول عليه وتشغيله على موقعك. ناهيك انها أيضا مفتوحة المصدر بالكامل و متاح لكل من المشاريع الشخصية والتجارية.

للبدء ، يمكنك زيارة GitHub repo و قم بتنزيل جميع الملفات محليًا على جهازك. أو يمكنك تثبيت المكتبة عبر npm.

بشكل افتراضي, كل نمط مربع الاختيار يأتي مع فئتها الخاصة. ال checkboxes.min.css تحتوي ورقة الأنماط على كل ما تحتاجه ، لذلك إذا تم تضمينه في صفحتك ، فستكون جاهزًا.

كل نمط مربع الاختيار يدعم المتصفحات الحديثة ومعظم المتصفحات القديمة ، بما في ذلك IE9+.

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

من هناك ، يمكنك اختيار أي شيء يعمل بشكل أفضل. النقر فوق زر HTML يعرض مشروط مع شفرة المصدر لهذا مربع الاختيار. الآن ، فقط انسخ / الصقها في موقعك, اعطائها الاسم / القيمة المناسبة (إن أمكن) ، وستكون جاهزًا تمامًا!

لا مشاحنات ، والتخصيص القليل جدا ، وأساسا أي مهارات الترميز المطلوبة.

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

مع 25+ أنماط مختلفة والعديد من الرسوم المتحركة المختلفة, يجب أن أقول أن مكتبة CSS Checkbox مثيرة للإعجاب. عظيم لأي مطور الواجهة الأمامية يبحث لتوفير الوقت في سير العمل و تحسين تصميم واجهة المستخدم من أي شكل ويب.