مولّد التدرجات CSS

نوع التدرج

الزاوية (بالدرجات)

الشكل

نقاط توقف الألوان

مخرجات CSS

ما هو تدرج CSS؟

تتيح لك تدرجات CSS عرض انتقالات سلسة بين لونين أو أكثر دون استخدام ملفات صور. تأتي في ثلاثة أنواع: linear-gradient (على طول خط مستقيم)، وradial-gradient (ينبثق من نقطة مركزية)، وconic-gradient (يدور حول نقطة مركزية). تُستخدم التدرجات للخلفيات والأزرار والطبقات العلوية والعناصر الزخرفية.

كيفية استخدام مولّد التدرجات CSS

اختر إعدادًا مسبقًا من العينات أو قم بتكوين التدرج الخاص بك.
اختر نوع التدرج: linear أو radial أو conic.
اضبط الزاوية (لـ linear/conic) أو الشكل (لـ radial).
عدّل نقاط توقف الألوان — غيّر الألوان والمواضع (0–100%).
أضف أو احذف نقاط توقف الألوان حسب الحاجة.
انسخ CSS والصقه في ورقة الأنماط الخاصة بك.

Keywords: مولد تدرج CSS، تدرج خطي، تدرج شعاعي، تدرج مخروطي، مولد خلفية CSS، منتقي ألوان التدرج، أداة تدرج CSS