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

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

Type

Angle: 90°

Color 1

Stop: 0%

Color 2

Stop: 100%

Add third color

Preview

CSS

الميزات

Linear / radial / conic

Multiple color stops

Angle / direction control

Live preview & CSS code

1. اختر نوع التدرج (خطي، شعاعي، مخروطي).

2. انقر على + لإضافة نقاط توقف ألوان واسحبها لتحديد موضعها.

3. اضبط الزاوية أو الاتجاه.

4. انسخ شفرة CSS المولّدة.

What types of gradients does CSS support?

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