مولد تدرج CSS — تدرجات جميلة بسهولة

التدرجات تضيف عمقاً وحيوية للتصميم المسطح. أنشئ تدرجاً مثالياً بمولد CSS الخاص بنا واستخدمه فوراً.

أنواع تدرجات CSS

• linear-gradient: تحول لوني في خط مستقيم
• radial-gradient: تحول لوني من المركز للخارج
• conic-gradient: تحول لوني دوري حول نقطة

الصياغة الأساسية

background: linear-gradient(الاتجاه, لون1, لون2);
background: linear-gradient(135deg, #FF6B6B, #4ECDC4);

توليفات تدرج عصرية

• غروب الشمس: #FF6B6B → #FFA07A
• المحيط: #0099CC → #00D4FF
• الغابة: #56AB2F → #A8E063
• البنفسجي: #667EEA → #764BA2

نصيحة الأداء

التدرجات أخف بكثير من الصور. استخدامها بدلاً من صور الخلفية يسرع تحميل الصفحة.