⬭ مُولّد CSS لحافة التدوير
أنشئ قيم CSS لحافة التدوير بدقة في ثوانٍ - بدون حساب، بدون تثبيت، ولا شيء يُرسل إلى خادم. اسحب المنشطات لكل زاوية، اضغط على زر توليد الأشكال العضوية للحصول على أشكال عضوية، ثم انسخ الكود CSS النهائي مباشرة إلى ملف نمطك.
حدد نصيّة أفقية (x) ورأسية (y) مستقلة لكل زاوية.
مصمم للخصوصية. تعمل هذه الأداة بالكامل في متصفحك — لا يتم رفع أي شيء تدخله أو تخزينه، وتعمل الأداة دون اتصال بالإنترنت.
حول
يوفر هذا مُولّد CSS لحافة التدوير ثلاث طرق للتحرير في أداة واحدة مجانية قادرة على العمل دون اتصال بالإنترنت: الوضع البسيط يضبط جميع الزوايا الأربعة في وقت واحد، الوضع لكل زاوية يسمح لك بضبط كل زاوية بشكل مستقل، والوضع البيضاوي يطلق حرية استخدام نصائح أفقية ورأسية منفصلة لكل زاوية - قوة كاملة لصيغة CSS لحافة التدوير المختصرة. يعرض مخطط الزاوية SVG الحي كل تغيير في الوقت الفعلي، وزر توليد الأشكال العضوية يستخدم خوارزمية عشوائية تشفيرية لإنتاج الأشكال العضوية الشائعة في تصميم واجهات المستخدم الحديثة. وبما أن كل شيء يعمل في متصفحك، فإن تصميماتك تبقى خصوصية ويعمل الأداة حتى بدون اتصال بالإنترنت.
كيف تستخدم
- اختر الوضع - الوضع البسيط (جميع الزوايا)، الوضع لكل زاوية، أو الوضع البيضاوي (نصائح أفقية ورأسية منفصلة) - باستخدام الأزرار في أعلاية لوحه التحكم.
- اسحب المنزلقات أو اكتب القيم مباشرة في حقول الإدخال العددية لتحديد نصف القطر لكل زاوية. يتم تحديث معاينة المعاينة الحية ورسمة SVG فورًا.
- انقر على تأليف Blob العشوائي لتوليد شكل Blob عضوي عشوائي باستخدام نصائح قطع بيضاوية مستقلة - مثالية لعناصر واجهة المستخدم الزخرفية وخلفيات الهيرو.
- راجع الشفرة CSS المختصرة المُنشَّأة في مربع الإخراج - يقوم الأداة تلقائيًا بتطبيق أقصر تركيبة صحيحة (مثلاً، تقليل القيم المتطابقة).
- انقر على نسخ CSS لنسخ الشفرة إلى حافظتك، ثم لصقها مباشرة في ملف stylesheet أو أداة التصميم الخاصة بك.
الأسئلة الشائعة
- هل هذا مُولّد نص CSS Border-Radius مجانًا تمامًا؟
- نعم، 100% مجاني تمامًا بدون حساب، بدون اشتراك، ولا حدود مخفية. افتح الصفحة وابدأ في إنشاء CSS نص Border-Radius فورًا.
- هل يعمل الأداة دون اتصال بالإنترنت أو بدون اتصال بالإنترنت؟
- نعم. تعمل الأداة بالكامل في متصفحك بدون مكالمات خادم. بمجرد تحميل الصفحة، يمكنك الانفصال عن الإنترنت والحفاظ على العمل. يتم حفظ إعداداتك الأخيرة أيضًا محليًا في متصفحك.
- هل تبقى بيانات التصميم الخاصة بي خاصّة؟
- بالكامل. لا تغادر أي بيانات متصفحك أبدًا - لا تحميل، لا تحليل لمحطاتك، ولا تخزين خادم. كل شيء يبقى على جهازك.
- ما الذي يفعله الوضع البيضاوي؟
- يتيح الوضع البيضاوي تحديد نصائح قطع أفقية (x) ورأسية (y) منفصلة لكل من الزوايا الأربعة، مما ينتج عن مختصر CSS كامل مع ملاحظة شرطية - مثلاً، border-radius: 40% 20% / 20% 40%. هذا يفتح أشكالًا غير متناظرة وتشابه بيضة لا يمكن لوضع البسيط والزاوية لكل زاوية إنشاؤها.
- ما الغرض من زر تأليف Blob العشوائي؟
- يستخدم تأليف Blob العشوائي خوارزمية عشوائية تشفيرية لتوليد شكل عضوي غير منتظم من خلال تعيين نصائح قطع بيضاوية عشوائية لكل من مجموعات المحاور الثماني للزاوية. إنه مثالي لإنشاء الأشكال Blob السائلة الشائعة في صفحات الهبوط الحديثة، والصور الرمزية، والخلفيات الزخرفية - مع نقرة واحدة فقط.
- هل هذه الأداة ترفع بياناتي؟
- لا. يعمل كل شيء مباشرة في متصفحك، لذا بياناتك لن تغادر جهازك أبداً — بل إنها تعمل دون اتصال بالإنترنت بمجرد تحميل الصفحة.