تكليفات CSS الدروس من 86 إلى 88

إعلانات جوجل

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

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

التكليف 01

  • قم بعمل Framework لنفسك يحتوي على الإمكانيات التالية
  • أولا Class بإسم “center-flex” عند وضعه على عنصر يقوم بتوسيط العناصر التي بداخله بطريقة طولية وعرضية بواسطة ال Flex
  • ثانيا Class بإسم “center-position” عند وضعه على عنصر يقوم بتوسيط العنصر طوليا وعرضيا في العنصر الأب
  • ثالثا Class بإسم “circle-100” عند وضعه على عنصر يقوم بجعل العرض والطول هو 100px ثم يقوم بتحويله إلى دائرة
  • رابعا Class بإسم “circle-200” عند وضعه على عنصر يقوم بجعل العرض والطول هو 200px ثم يقوم بتحويله إلى دائرة

التكليف 02

  • قم بعمل Class بإسم arrow ومعه Classes تخص جميع الإتجاهات top, right, bottom, left
  • تأكد أن كل Class خاص بإتجاه معين يظهر السهم في نفس الإتجاه
  • تأكد أن Class الإتجاه لا يعمل إلا في وجود Class المسمى arrow
  • تأكد أن السهم دائما في المنتصف بغض النظر عن طول وعرض العنصر

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

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

مشاركة الصفحة