ToolPilot

CSS degrade oluşturucu

Degrade tasarlayın, CSS'i kopyalayın.

İki renk, bir açı ve bir durak konumuyla doğrusal veya radyal degradeler oluşturun. Ayarlarken canlı önizlemeyi izleyin, ardından bitmiş CSS bildirimini kopyalayın.

135°
100%
Başlangıç rengi
Bitiş rengi
background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);

Degrade nasıl oluşturulur

  1. Degrade türü olarak doğrusal veya radyal seçin.
  2. Renk seçicilerle iki renginizi seçin.
  3. Açı ve durak konumunu kaydırıcılarla ayarlayın.
  4. Oluşturulan CSS'i kopyalayın ve stil dosyanıza yapıştırın.

Sıkça sorulan sorular

Doğrusal ile radyal arasındaki fark nedir?

Doğrusal degrade düz bir çizgi boyunca tek yönde akarken, radyal bir merkezden dışa doğru yayılır.

Sonucu satır içi stillerde kullanabilir miyim?

Evet. background bildirimini herhangi bir CSS kuralına veya style özniteliğine kopyalayın.

Renkler tarayıcımdan çıkıyor mu?

Hayır. Oluşturucu tamamen cihazınızda çalışır, yükleme yoktur.

Gelişmemize yardım edin

Araçlarımızı düzenli olarak iyileştiriyoruz. Bir sorun mu buldunuz yoksa öneriniz mi var? Dinliyoruz.

İlgili araçlar

🎨

Renk Seçici + HEX/RGB/HSL

🎯

HEX / RGB / HSL Dönüştürücü

🌈

Renk paleti oluşturucu

🫧

Glassmorphism oluşturucu