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

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

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

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

التكليف 01

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

التكليف 02

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

التكليف 03

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

التكليف 04

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

التكليف 05

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

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

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

4 تعليقات

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

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

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

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

    شكراً لك!

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

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

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


اترك تعليقاً