مولد التدرج الخطي في CSS
أنشئ تدرجات CSS بشكل مرئي: النوع الخطي أو الشعاعي أو المخروطي ومنزلق الزاوية وما يصل إلى ستة توقفات لونية مع معاينة مباشرة كاملة العرض وتعليمة برمجية قابلة للنسخ.
النتيجة
تفتح هذه الصفحة منشئ التدرج مع تحديد النوع الخطي بالفعل. اسحب شريط تمرير الزاوية لتدوير الخفوت، وضبط توقفات اللون، ومعاينة العرض الكامل بالإضافة إلى تحديث خط CSS عند كل إدخال.
خطي التدرج () يرسم الألوان على طول خط مستقيم - التدرج الأكثر استخدامًا في CSS حتى الآن. يمتد 90 درجة من اليسار إلى اليمين، و180 درجة من الأعلى إلى الأسفل، وأي زاوية بينهما تعطي قطريًا؛ تحدد مواضع التوقف بالنسبة المئوية المكان الذي يبدأ فيه مزج كل شريط لون مع اللون التالي.
عندما تبدو المعاينة صحيحة، انسخ خط الخلفية إلى ورقة الأنماط الخاصة بك. إذا كنت تريد نقطة بداية بدلاً من لوحة فارغة، فإن صفحات غروب الشمس والمحيط والباستيل المعدة مسبقًا تفتح هذه الأداة نفسها مع أزواج الألوان المثبتة التي تم تحميلها بالفعل.