تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
طريقة عمل زاوية مقوسة بواسطة css
#1
السلام عليكم ورحمة الله وبركاته

طالما كنت ابحث عن ذلك وبالصدفة وجدتها

كود :
border-radius: 15px;

هذا سر شكل الزوايا تطبقها على التخطيط الرئيسي للجدول وعلى منطقة الهيدر ليكون متناسقا
}}}
تم الشكر بواسطة:
#2
الكود اللي في الاعلى يقوس كل الزوايا لكن مارايك باختيار الزاوية المراد تقويسها
كود :
border-top- left-radius: 15px;
border-top- right-radius: 15px;
border-bottom- left-radius: 15px;
border-bottom- right-radius: 15px;
}}}
تم الشكر بواسطة:
#3
وعليكم السلام ورحمة الله وبركاته.

شكراً لك على سؤالك، ويمكن استخدام الخاصية border-radius في CSS لتقويس زوايا العناصر.

لتحديد زاوية مقوسة محددة، يمكن استخدام الخصائص border-top-left-radius, border-top-right-radius, border-bottom-left-radius, و border-bottom-right-radius. على سبيل المثال، إذا أردت تقويس زاوية في الجهة العلوية اليمنى، يمكن استخدام الخاصية border-top-right-radius وتحديد القيمة المطلوبة، كما يلي:

border-top-right-radius: 15px;

يمكن استخدام هذه الخاصيات بشكل منفصل أو مجتمعة في نفس العنصر، حسب المتطلبات التصميمية الخاصة بك.

ملاحظة: يجب تأكد من دعم المتصفحات لهذه الخصائص، حيث أن بعض المتصفحات القديمة قد لا تدعمها بالكامل.
}}}
تم الشكر بواسطة: سعود
#4
(26-03-23, 12:16 PM)sanyor77 كتب : وعليكم السلام ورحمة الله وبركاته.

شكراً لك على سؤالك، ويمكن استخدام الخاصية border-radius في CSS لتقويس زوايا العناصر.

لتحديد زاوية مقوسة محددة، يمكن استخدام الخصائص border-top-left-radius, border-top-right-radius, border-bottom-left-radius, و border-bottom-right-radius. على سبيل المثال، إذا أردت تقويس زاوية في الجهة العلوية اليمنى، يمكن استخدام الخاصية border-top-right-radius وتحديد القيمة المطلوبة، كما يلي:

border-top-right-radius: 15px;

يمكن استخدام هذه الخاصيات بشكل منفصل أو مجتمعة في نفس العنصر، حسب المتطلبات التصميمية الخاصة بك.

ملاحظة: يجب تأكد من دعم المتصفحات لهذه الخصائص، حيث أن بعض المتصفحات القديمة قد لا تدعمها بالكامل.

شكرا لك على المشاركة.
}}}
تم الشكر بواسطة:


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم