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