قم بإنشاء تدرجات CSS بصريًا. اضبط نقاط توقف الألوان والشفافية والمواضع للتدرجات الخطية والشعاعية والمخروطية، وانسخ ملف CSS الجاهز للاستخدام.
تدرجات CSS هي صور يُنشئها المتصفح من وصف رياضي وليس من ملف نقطي. الأنواع الرئيسية الثلاثة هي: التدرجات الخطية (انتقالات لونية على طول خط مستقيم)، والتدرجات الشعاعية (انتقالات خارجية من نقطة مركزية)، والتدرجات المخروطية (انتقالات حول نقطة مركزية بزاوية). يقبل كل نوع أي عدد من نقاط التوقف اللونية، ولكل منها قيمة شفافية اختيارية وموضع محدد أو تلقائي.
اختر نوع التدرج اللوني، ثم اضبط نقاط توقف اللون باستخدام منتقي الألوان وعناصر التحكم في الشفافية. بالنسبة للتدرجات الخطية، حدد الزاوية أو استخدم اختصار الاتجاه. أما بالنسبة للتدرجات الشعاعية والمخروطية، فحدد موضع المركز وحجمه أو زاوية البداية. يتم تحديث المعاينة في الوقت الفعلي. عندما يبدو التدرج اللوني مناسبًا، انسخ خاصية CSS المُنشأة والصقها مباشرةً في ملف أنماط CSS الخاص بك. يمكنك أيضًا لصق سلسلة تدرج لوني موجودة في لوحة الاستيراد لتعديلها.
تُغني تدرجات CSS عن الحاجة إلى ملفات الصور للخلفيات والعناصر الزخرفية، مما يُقلل من حجم الصفحة ويحافظ على وضوح الألوان مهما كانت دقة العرض. استخدم خاصية التحكم في الشفافية لإنشاء نقاط توقف لونية شبه شفافة لتأثيرات التدرج الزجاجي أو لتلاشي لون ثابت إلى شفاف. يُعد نوع التدرج المخروطي مفيدًا لمؤشرات التقدم على شكل مخطط دائري بدون JavaScript.