يوسف المطيري | مبرمج ويب
يوسف المطيري | مبرمج ويب

@yousef_almotiri

9 تغريدة 11 قراءة Jul 23, 2021
في هذا الثريد
سأشرح طريقة عمل سهم مثل الموجود في الصورة
خطوة خطوة بواسطة الـ before
متابعه ممتعه
@PrograminLovers @programming_4
اول شي لابد نعطي العنصر الاساسي
position:relative
ثم نعطي الـ before
الخصائص التاليه
الان سنقوم باظهار الـ before بواسطة الـ border فقط بدون ان نعطيه عرض او ارتفاع
ممتاز الان بعد ما ظهر الـ before نقوم بتوسيطه
يا سلام
الان لكي نعرف اتجاه السهم نقوم بتغيير لون الـ border
الى اربع الوان
ممتاز جدا
الان عرفنا ان السهم الذي نريده هو الي لونه اسود
لذلك نجعل بقية الالوان شفافه
الان وصلنا للخطوة الاخيره
لكي انزل السهم الى اسفل في المكان المناسب
اعطيه bottom:-20px
طبعا 20px هي ضعف سمك الـ border
طبعا ونغير اللون الى نفس لون العنصر الاساسي
تلتقي في ثريد أخر
إذا أعجبك الثريد لا تنسى الرتويت
اتشرف بمتابعتكم
حسابي
@yousef_almotiri

جاري تحميل الاقتراحات...