"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني إنشاء divs المنحنية باستخدام CSS؟

كيف يمكنني إنشاء divs المنحنية باستخدام CSS؟

نشر في 2025-02-07
تصفح:570

How Can I Create Curved Divs Using CSS?

&&&]

باستخدام الحدود الحدودية:

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

الحدود: 0 0 200px 200px ؛

باستخدام Radial-tradient:

الخلفية: الوردي. } .حاوية { الهامش: 0 Auto ؛ العرض: 500 بكسل ؛ الارتفاع: 200 بكسل ؛ الخلفية: الدرجات الشعاعية (110 ٪ 50 ٪ في القاع ، وشفاف 50 ٪ ، LightBlue 51 ٪) ؛ }
border-radius: 0 0 200px 200px;
تنشئ هذه التقنية تدرجًا شفافًا ينحني الحافة السفلية لـ DIV ، مما يؤدي إلى تأثير منحنى خفي. &&&]

لمزيد من الاختلافات والتكوينات الإضافية ، يمكنك زيارة موقع المؤلف على https://css-shape.com/curved-edge/. جرب هذه التقنيات لإنشاء divs المنحنية المذهلة والجذابة بصريًا.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3