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

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

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

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

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

التكليف 01

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

التكليف 02

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

التكليف 03

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

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

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

يمكنك مراجعة الحلول والنقاش في كل ما يخصها في مجموعتنا على Facebook هنا

إعلانات جوجل