الأدوات · CSS · مولّد تدرّج CSS
مولّد تدرّج CSS
أنشئ تدرّج CSS خطيًا أو شعاعيًا أو مخروطيًا وانسخ الكود.
أفلت ملفًا هنا، أو اخترْ ملفًا.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.
جارٍ التنفيذ…
0%
تم.
ملفك جاهز.
تعذّرت معالجة هذا الملف.
جرّب ملفًا آخر، أو أعد المحاولة.
كيف تعمل
اختر خطيًا أو شعاعيًا أو مخروطيًا، واضبط الزاوية أو الموضع.
أضف أو احذف التوقفات اللونية (من 2 إلى 8)، ثم استخدم أشرطة التمرير لضبط موضع كل توقف وعتامته.
انسخ كود CSS الناتج.
أسئلة شائعة
الخطي والشعاعي والمخروطي، ولكل منها حتى 8 توقفات لونية.
نعم، زر النسخ يضع نص التدرّج كاملًا في الحافظة، جاهزًا للّصق.
نعم، حيث تدعم دالة oklch() في متصفحك - يُكتشف ذلك تلقائيًا ولا يُعرَض الخيار إلا عندما يعمل فعليًا.
لا. لا يوجد أي ملف لرفعه هنا أصلًا - يُولَّد التدرّج ويُعرَض بالكامل داخل متصفحك.
التعليقات