→ كل أدوات النصوص

مولد انحناء حواف CSS

دوّر كل زاوية بالمنزلقات وانسخ كود CSS لـ border-radius.

  • مجاني
  • بلا تسجيل
  • يعمل على أي جهاز

حول مولد انحناء حواف CSS

دوّر كل زاوية على حدة بالمنزلقات وشاهد الشكل يتغير فورًا، ثم انسخ سطر border-radius. استخدام 50 بالمئة على مربع يعطي دائرة، وقيمة كبيرة جدًا بالبكسل على مستطيل تعطي شكل حبة دواء. وتتيح صيغة الثماني قيم مع الشرطة المائلة زوايا إهليلجية تشبه البقع.

طريقة استخدام مولد انحناء حواف CSS

  1. اسحب الشريط لكل زاوية لتحديد نصف قطرها.
  2. راقب المعاينة المباشرة للتحقق من الشكل.
  3. انسخ سطر border-radius CSS.

لماذا تستخدم هذه الأداة؟

تُعرف أيضًا باسم

الأسئلة الشائعة

كيف أصنع دائرة مثالية بـ CSS؟

امنح العنصر عرضًا وارتفاعًا متساويين، ثم اضبط border-radius على 50 بالمئة. وبدون ضلعين متساويين تحصل على بيضاوي بدل ذلك.

كيف أجعل زاوية واحدة فقط مستديرة؟

اضبط الزوايا الثلاث الأخرى على صفر وارفع التي تريدها فقط. يسرد CSS المُنشأ أربع قيم للزوايا بترتيب ثابت.

هل أستخدم البكسلات أم النسبة المئوية لنصف القطر؟

تعطي البكسلات حجم الزاوية نفسه على أي صندوق. تتدرج النسبة المئوية مع العنصر، فقد تجعل الصناديق العريضة تبدو ممدودة. استخدم البكسلات لأزرار وبطاقات متسقة.

هل مولد انحناء حواف CSS مجانية؟

نعم. استخدام مولد انحناء حواف CSS على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

هل استخدامها آمن؟

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

هل تعمل على هاتفي؟

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

هل أحتاج إلى حساب؟

لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.

هل يمكنني وضع مولد انحناء حواف CSS في موقعي؟

نعم. استخدم زر «ضمّن الأداة في موقعك» أسفل الأداة لنسخ مقطع قصير من الشيفرة ولصقه في صفحتك. الخدمة مجانية، ولا تحتاج إلى حساب، وتبقى الأداة تعمل داخل صفحتك.

أدوات ذات صلة