تكليفات CSS الدروس من 42 إلى 45

[ 3 ] تكليفات خاصة ب [ Transitions, Variables ]

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

المقاطع المطلوب مشاهدتها

الدروس من رقم 42 إلى رقم 45 من الدورة التعليمية الموجودة هنا

التكليف 01

  • تأكد أنك تستعمل نفس الألوان الموجودة في الشكل
  • يجب عليك كتابة ال Prefixes للخواص التي تحتاج ل Prefix
  • تأكد أن العنصر الأب يذهب للأعلى في نصف ثانية عند ال Hover
  • تأكد أن العنصر الأبن يذهب للأسفل بعد الإنتظار نصف ثانية

التكليف 02

  • إستخدم البنية السابقة بدون التعديل عليها لعمل نفس الشكل
  • تأكد أنك تستعمل نفس الألوان الموجودة في الشكل
  • لديك الحرية في عمل ما تريد في ال CSS
  • تأكد أن جملة Hello Div تغيرت إلى Elzero
  • عرض العنصر هو 400px وهو موسط بطريقة عرضية
  • حجم الخط هو 20px

مساعدة

إستخدم ما تعلمته سابقا وإبحث عن كيفية إخفاء نص داخل عنصر فهناك طرق كثيرة

التكليف 03

  • إستخدم بنية ال HTML السابقة بدون التعديل عليها لعمل الشكل التالي
  • في ال CSS لا تقم بالتعديل على جزء المتغيرات أبدا وقم بالتعديل على ال div Selector فقط
  • تأكد أنك تستخدم المتغيرات لأننا سنقوم بإزالتها لاحقا
  • بعد الإنتهاء تماما سنقوم بعمل بعض التعديلات للتأكد أنك قمت بعمل Fall Back لقيم المتغير
  • قم بعمل إلغاء للعنصر :root مع المتغيرات داخله
  • تأكد أن الشكل سيكون كما في الصورة التالية

تسليم ومراجعة الحلول

الحلول النموذجية هي هدية للداعمين يمكنك الإنضمام للداعمين لترى جميع الحلول من هنا

من جوجل

0 تعليقات


    اترك تعليقاً