Ana SayfaTasarım AraçlarıDegrade Oluşturucu

Degrade Oluşturucu

CSS Gradyan Oluşturucu, iki veya üç renkten canlı önizlemeli ve kopyalamaya hazır background CSS'iyle linear, radial ve conic gradyanlar oluşturur.

Bu araç hakkında

CSS Gradyan Oluşturucu, iki veya üç renkten canlı önizlemeli ve kopyalamaya hazır background CSS'iyle linear, radial ve conic gradyanlar oluşturur.

Nasıl kullanılır

  1. Gradyan türünü seçin: linear, radial veya conic.
  2. Açıyı kaydırıcıyla ayarlayın (0–360°).
  3. İki renk seçin veya üçüncü bir renk eklemek için Use 3 colors'ı işaretleyin.
  4. Copy CSS'e tıklayın ve background kuralını stil dosyanıza yapıştırın.

Bilmekte fayda var

  • linear-gradient(), renkleri bir açıyla belirlenen düz bir çizgi boyunca karıştırır; 90deg soldan sağa ilerler.
  • radial-gradient(circle, …) renkleri merkezden dışarı doğru yayar.
  • conic-gradient(from <angle>, …) renkleri bir merkez noktası etrafında döndürür; pasta grafikleri ve renk çemberleri için kullanışlıdır.
  • CSS gradyanları tarayıcının çizdiği görsellerdir; ek dosya boyutu olmadan her boyuta ölçeklenir.
  • Üç gradyan fonksiyonunun tamamı güncel tüm büyük tarayıcılarda desteklenir.

Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.

Sık sorulan sorular

CSS gradyanı nasıl yapılır?

Bir gradyan fonksiyonunu arka plan olarak kullanın; örneğin background: linear-gradient(135deg, #1db954, #0a1628). Bu araç, seçtiğiniz renkler ve açıdan bu satırı sizin için yazar.

Linear, radial ve conic gradyanlar arasındaki fark nedir?

Linear gradyanlar rengi bir çizgi boyunca değiştirir, radial gradyanlar bir merkez noktasından yayılır, conic gradyanlar ise saatin akrep ve yelkovanı gibi bir merkez etrafında döner.

Bir gradyanda ikiden fazla renk olabilir mi?

Evet. CSS gradyanları istediğiniz sayıda renk durağı kabul eder. Bu oluşturucu iki veya üç rengi destekler; kopyalanan CSS'e elle daha fazla durak ekleyebilirsiniz.

CSS gradyanları web sitesini yavaşlatır mı?

Fark edilir ölçüde hayır. Tarayıcı tarafından çizilirler ve görsel indirmesi eklemezler; bu yüzden genellikle gradyan görsel dosyalarından daha hafiftirler.