CSS gradient, iki veya daha fazla renk arasında yumuşak geçiş sağlar. Ek resim dosyası gerekmez, tamamen kod ile oluşturulur — bu yüzden hem hafif hem de esnek bir tasarım aracıdır.

Linear vs Radial Gradient

Linear gradient düz bir çizgi boyunca renk geçişi yapar. Açı belirleyerek yönünü kontrol edebilirsiniz:

  • 0deg — aşağıdan yukarıya
  • 90deg — soldan sağa
  • 135deg — sol alt'tan sağ üste (popüler köşegen)

Radial gradient ise merkez noktasından dışa doğru dairesel geçiş yapar. Parlama efektleri için idealdir.

Güzel Görünen Kombinasyonlar

  • Neon yeşil + Mavi: #c8ff2e → #29d3ff — modern, teknoloji hissi
  • Turuncu + Sarı: #f97316 → #eab308 — sıcak, enerjik
  • Mor + Pembe: #a855f7 → #ec4899 — yaratıcı, eğlenceli
  • Koyu tonlar: #0f2027 → #203a43 — ciddi, kurumsal

CSS'e Ekleme

Gradient'i bir elemana arka plan olarak şöyle ekleyebilirsiniz:

  • background: linear-gradient(135deg, #c8ff2e, #29d3ff);

Button, hero section, kart arka planı veya tam sayfa arka planı için mükemmel çalışır. EbruTech Gradient üreticisi ile kombinasyonları önizleyip CSS kodunu tek tıkla kopyalayabilirsiniz.