تكليفات 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
      ——————-
      حل التكليف الخامس
      —
      حاطين على البادي فليكس وموسطين العناصر اللي جواه كل شيء تمام ومتوسط بطريقة طولية وعرضية


اترك تعليقاً