Toolzy

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

أنشئ تدرّجات CSS خطية وشعاعية بصريًا.

background: linear-gradient(90deg, #6366f1, #ec4899);

صمّم تدرّج CSS مع معاينة حيّة وانسخ كود الخلفية الجاهز للاستخدام.

طريقة الاستخدام

  1. اختر خطي أو شعاعي.
  2. اختر الألوان والزاوية.
  3. انسخ الـ CSS.

الأسئلة الشائعة

هل يمكنني إضافة المزيد من محطات الألوان؟
يستخدم هذا المولّد محطتين؛ يمكنك توسيع الـ CSS المنسوخ يدويًا.
أين يوضع الـ CSS؟
استخدمه كقيمة لخاصية background أو background-image.

أدوات ذات صلة