طريقة الاستخدام
- خطي (linear): يتدرج في اتجاه الزاوية؛ 90° من اليسار لليمين و180° من الأعلى للأسفل.
- دائري (radial): يبدأ من المركز وينتشر للخارج.
- مخروطي (conic): يدور حول المركز كعجلة الألوان.
موضع اللون (0–100%) يحدد أين يكون اللون صافياً، والمسافة بين موضعين هي منطقة الانتقال.
مثال عملي
linear-gradient(135deg, #0f6e56 0%, #42b08d 50%, #f6ecd6 100%) يعطي تدرجاً قطرياً من الأخضر الداكن إلى الكريمي.
أسئلة شائعة
هل يعمل الكود في كل المتصفحات؟
نعم، التدرجات مدعومة في كل المتصفحات الحديثة.
كيف أجعل الانتقال حاداً؟
ضع لونين في الموضع نفسه، مثل الأحمر 50% والأزرق 50%.
هل يمكن استعماله في Canva أو Photoshop؟
نعم، نزّل صورة PNG واستعملها خلفية.