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

أنشئ تدرجات CSS خطية وشعاعية ومخروطية بصرياً. أضف نقاط توقف ألوان متعددة وانسخ شفرة CSS. يدعم جميع أنماط التدرجات الحديثة.

الاستوديو · محيط محايد

نقاط اللون — اسحب المقابض، وانقر على المسار للإضافة

النوع

الزاوية 90°

نقاط اللون

CSS

الميزات

Linear / radial / conic

Multiple color stops

Angle / direction control

Live preview & CSS code

1. اختر نوع التدرج والزاوية؛ تعرض منطقة العمل معاينة بالحجم الكامل.

2. اسحب المقابض على المسار لتحريك النقاط، وانقر على مكان فارغ لإضافة نقطة (حتى ست نقاط)، أو اضبط بدقة عبر حقول اللون والنسبة.

3. انسخ CSS الناتج — راجعه على خلفية رقعة الشطرنج لاكتشاف التدرّج المتقطع فوق الشفافية.

What types of gradients does CSS support?

CSS supports linear, radial, and conic gradients, each with different visual effects.