تكليفات CSS الدروس من 65 إلى 67

[ 3 ] تكليفات خاصة ب [ Scale, Rotate, Translate ]

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

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

التكليف 01

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

التكليف 02

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

التكليف 03

  • قم بإستخدام نفس الشكل من التكليف السابق
  • عند عمل Hover على الشكل قم بعمل المطلوب في الصورة
  • مدة دوران العنصر حول الشكل نصف ثانية

فيديو للتوضيح

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

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

0 تعليقات


    اترك تعليقاً