Toggle navigation
تعلم الآن
المقالات التعليمية
الدورات التعليمية
تكليفات الدورات التعليمية
أمثلة وتطبيقات وشروحات
التحديات البرمجية
أدوات المطورين
مواقع حل المشاكل البرمجية
مسارات التعلم
مسار أساسيات البرمجة
مسار Front-End Developer
مسار ال PHP Back-End Developer
مسار ال Full Stack Developer
مسار Python Web Developer
خطط الدراسة
C++ Study Plan
خطة دراسة HTML
خطة دراسة CSS
خطة دراسة JavaScript
خطة دراسة Typescript
خطة دراسة SASS
خطة دراسة Python
خطة دراسة PHP
من القناه
أهم مقاطع القناه
اسبوع الزيرو
رحلتي مع الحياه
التعامل مع الإستضافة
قائمة المشاكل والحلول
منوع
ما الجديد
سؤال وجواب مكتوب
نصائح الزيرو
مقتطفات مفيدة من الكتب
تقييمات الكتب
قائمة اللقاءات
خدمات
إنضم للعضوية المميزة
كيف تدعمنا؟
التحديات البرمجية
Front-End
Interests Boxes Select
Interests Boxes Select
Interests Boxes Select
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla
من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح
من هنا
من جوجل
المطلوب
قم بعمل الشكل كما هو بنفس الألوان
العنصر المستخدم لإختيار ال Boxes هو Checkbox
العناصر Web, Coding هي عناصر تم إختيارها
العنصر Scheme هو عنصر تم عمل Hover عليه فقط والشكل يتغير عند عمل Hover على ال Checkbox فقط
عند عمل Hover يظهر نفس اللون في ال Checkbox ولكن بشفافية أقل
إذا قمت بعمل Hover على واحد من العناصر التي تم إختيارها Checked يجب أن لا تتغير شفافية لون ال Checkbox
يمكنك إستخدام أي Icons من إختيارك
القيود
ممنوع إستخدام ال JavaScript نهائيا
ممنوع إستخدام أي مكتبات تقوم بعمل Custom Checkbox
الوان التصميم
الشكل المطلوب عمله
السابق
Simple Articles Editor
الكلمات الدلالية
boxes
checkbox
css
custom
interests
select
تحدي
من جوجل