ما هو مولّد التدرجات؟

أداة بصرية لبناء تدرجات CSS تتيح لك إنشاء تدرجات خطية ودائرية ومخروطية بعدد لا محدود من نقاط الألوان. اضبط الزوايا والمواضع والألوان في الوقت الفعلي وانسخ كود CSS الجاهز للإنتاج بنقرة واحدة.

كيفية الاستخدام

1. الخطوة 1 — اختر نوع التدرج (خطي أو دائري أو مخروطي) وحدد الاتجاه أو الزاوية باستخدام شريط تمرير الزاوية أو الأزرار المحددة مسبقاً.
2. الخطوة 2 — أضف نقاط ألوان بالنقر على شريط التدرج. اضبط لون كل نقطة وموضعها بالسحب أو بإدخال قيم دقيقة.
3. الخطوة 3 — شاهد معاينة التدرج مباشرةً، ثم انسخ كود CSS المُنشأ إلى الحافظة أو نزّله كملف CSS.

النتيجة

يحتاج مصمم ويب إلى خلفية رئيسية بنمط الغروب. يختار تدرجاً خطياً بزاوية 135°، ويضع نقطة برتقالية عند 0%، ونقطة وردية عند 50%، ونقطة بنفسجية عند 100% — ثم ينسخ CSS مباشرةً في ورقة الأنماط الخاصة به.

أدوات ذات صلة