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