CSS Gradyan Üreteci

Doğrusal ve radyal gradyanlar oluşturun, hazır CSS alın.

Ücretsiz
Tüm araçlar tarayıcınızda çalışır; sunucularımıza hiçbir veri gönderilmez.

CSS Gradyan Üreteci hakkında

CSS gradyanı hiçbir görsel dosyası olmadan çizilir, yani ek ağ isteği getirmez ve büyütüldüğünde bulanıklaşmaz. Bu araç canlı önizleme verir ve stil sayfanıza yapıştırmaya hazır kod üretir.

CSS Gradyan Üreteci nasıl kullanılır

  1. 1

    Başlangıç ve bitiş renklerinizi seçin, gerekiyorsa üçüncü durağı da etkinleştirin.

  2. 2

    Gradyan türünü doğrusal veya dairesel yapın, doğrusal için açıyı ayarlayın.

  3. 3

    Canlı önizlemeyi izleyin veya rastgele düğmesiyle yeni birleşimlere göz atın.

  4. 4

    Üretilen CSS kodunu kopyalayın.

Sıkça sorulan sorular

Doğrusal mı dairesel mi?

Bölüm arka planları ve düğmeler için yaygın seçim doğrusaldır. Dairesel, ışığın bir noktadan yayılması gereken durumlara uyar, örneğin öne çıkan bir öğenin arkasındaki parlama.

Gradyanım ortada neden grileşip donuklaşıyor?

İki renk renk çemberinde birbirinden uzaksa ve aradaki yol griden geçiyorsa olur. Daha yakın tonlar veya bir ara renk eklemek sorunu çözer.

Tarayıcı desteği nasıl?

CSS gradyanları güncel tüm tarayıcılarda öneksiz çalışır; yedek koda gerek yoktur.

İlgili araçlar

Renk Dönüştürücü (HEX/RGB/HSL) Renk formatları arasında dönüştürün, kontrastı kontrol edin. CSS Box-Shadow Üreteci Canlı önizlemeyle gölge ayarlayın ve kodu kopyalayın.
Tüm araçları gör