السلام عليكم
في هذا الثريد راح اشرح لكم
طريقة عمل الانحناء الموجود في عناصر القائمة
كما في الصورة
في هذا الثريد راح اشرح لكم
طريقة عمل الانحناء الموجود في عناصر القائمة
كما في الصورة
في البداية
نعطي اول عنصر كلاس active
لكي يكون التطبيق عليه
ونخلي الخلفية نفس خلفية الموقع
نعطي اول عنصر كلاس active
لكي يكون التطبيق عليه
ونخلي الخلفية نفس خلفية الموقع
الان عن طريق الـ before
نضعه في الجهه اليمنى
ثم نعمل لهذا العنصر انحناء من الجهه اليسرى كما في الصوره
انا جعلته باللون الاحمر لكي يكون واضح
لاحظوا يوجد جزء ابيض في الزاوية
في التغريده التاليه ساخبركم كيف نخفيه
نضعه في الجهه اليمنى
ثم نعمل لهذا العنصر انحناء من الجهه اليسرى كما في الصوره
انا جعلته باللون الاحمر لكي يكون واضح
لاحظوا يوجد جزء ابيض في الزاوية
في التغريده التاليه ساخبركم كيف نخفيه
الجزء الابيض الذي ذكرته لكم
الان سنخفيه بواسطة الـ box-shadow
جعلته باللون الاصغر لكي يكون واضح كما في الصوره
الان سنخفيه بواسطة الـ box-shadow
جعلته باللون الاصغر لكي يكون واضح كما في الصوره
الان الخطوة الاخيرة
نجعل لون الـ before شفاف
ونجعل لون الـ box-shadow نفس لون الخلفيه
كما في الصورة
نجعل لون الـ before شفاف
ونجعل لون الـ box-shadow نفس لون الخلفيه
كما في الصورة
نفس الخطوات نسويها في الزاوية الثانيه
بواسطة الـ after
ليظهر لنا هذا الشكل الجميل
بواسطة الـ after
ليظهر لنا هذا الشكل الجميل
طبعا التنقل بين العناصر نسويه بالجافا سكربت
اتمنى يكون الشرح واضح
اذا استفدت
اتمنى نشره لغيرك لكي يستفيد
اتمنى يكون الشرح واضح
اذا استفدت
اتمنى نشره لغيرك لكي يستفيد
جاري تحميل الاقتراحات...