تكليفات CSS الدروس من 68 إلى 73

[ 5 ] تكليفات خاصة ب [ Skew, Matrix, 3D Transform ]

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

من جوجل

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

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

التكليف 01

  • إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
  • عرض العنصر هو 150px
  • قم بتوسيط العنصر في الصفحة بطريقة عرضية
  • قم بعمل الشكل بنفس الالوان
  • إستخدم المتغيرات في تحديد اللون الأساسي

التكليف 02

  • إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
  • قم بتوسيط العنصر في الصفحة بطريقة عرضية
  • قم بعمل الشكل بنفس الالوان
  • إستخدم المتغيرات في تحديد اللون الأساسي

التكليف 03

  • داخل تعليق قم بكتابة قيم ال Transform كاملة من الكود السابق

التكليف 04

  • إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
  • عرض العنصر وطوله هو 200px
  • قم بتوسيط العنصر في الصفحة بطريقة طولية وعرضية
  • قم بعمل الشكل بنفس الالوان

التكليف 05

  • إستخدم البنية السابقة بدون التعديل عليها لعمل الشكل المطلوب
  • عرض العنصر وطوله هو 200px
  • قم بتوسيط العنصر في الصفحة بطريقة طولية وعرضية
  • قم بعمل الشكل بنفس الالوان
  • قم بعمل الشكل مرة بطريقة عرضية ومرة بطريقة طولية

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

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

من جوجل

4 تعليقات

  • Level 2

    إذا لم يكن في مانع!
    // حل التكليف 01
    لم يتم إستخدام متغيرات للألوان ولابد من تصحيح عرض العنصر 150 بيكسل

    // حل التكليف 02
    لابد من تصحيح عرض العنصر 150 بيكسل

  • Level 2

    بالإضافة إلى
    // حل التكليف 04
    لأعلم لماذا يتواجد اللون الازرق في الحل ولم يتم إستخدامه وأيضا لابد من تصحيح عرض العنصر 200 بيكسل

    // حل التكليف 05
    لا يتواجد حل الطريقة الطولية

    شكراً لك!

    • Level 16

      أهلا وسهلا بيك
      حل التكليف الرابع

      اللون القريب من الأزرق مساخدم في خلفية العنصر
      وبخصوص العرض عملت عليه تعديل بسيط علشان يفضل 200 ولا تنسى إضافة
      * -> Box-Sizing
      ——————-
      حل التكليف الخامس

      حاطين على البادي فليكس وموسطين العناصر اللي جواه كل شيء تمام ومتوسط بطريقة طولية وعرضية


اترك تعليقاً