مولّد border-radius في CSS
أنشئ قيم border-radius معقّدة في CSS بصريًا. تحكّم مستقل في كل زاوية.
border-radius: 20px 20px 20px 20px;
ما هو مولّد border-radius في CSS؟
تقبل خاصية border-radius في CSS حتى أربع قيم، واحدة لكل زاوية، بالترتيب: العليا اليسرى، والعليا اليمنى، والسفلى اليمنى، والسفلى اليسرى. اجمع بين أنصاف أقطار مختلفة لإنشاء أشكال عضوية شبيهة بالقطرة، أو بطاقات غير متماثلة، أو أنماط فقاعات الحوار. تتيح لك هذه الأداة ضبط كل زاوية بمنزلقات ورؤية النتيجة في الوقت الفعلي.
الأسئلة الشائعة
ماذا عن أنصاف الأقطار الإهليلجية؟▼
أدوات ذات صلة
محوّل الألوان (HEX/RGB/HSL)
حوّل الألوان بين صيغ HEX و RGB و HSL. اختر لونًا بصريًا أو أدخل القيم يدويًا.
مولّد box-shadow في CSS
أنشئ قيم box-shadow في CSS بصريًا. عاين في الوقت الفعلي وانسخ الـ CSS المولَّد.
مولّد التدرّجات اللونية في CSS
أنشئ تدرّجات CSS خطية وشعاعية. اختر الألوان بصريًا وانسخ كود CSS الناتج.
مولّد منحنيات التسارع cubic-bezier
أنشئ منحنيات تسارع (easing) بصيغة cubic-bezier لـ CSS. يتضمن إعدادات مسبقة قياسية.
مولّد لوحات الألوان
أنشئ لوحات ألوان متناغمة انطلاقًا من أي لون أساسي. يدعم الأنظمة المكمّلة والمتشابهة والثلاثية والأحادية اللون.
مولّد CSS Clamp()
أنشئ قيم CSS مرنة ومتجاوبة باستخدام clamp(). تتدرّج بسلاسة بين الحدين الأدنى والأقصى عبر نطاقات إطار العرض (viewport).