İçeriğe geç
Devbench

CSS Gradyan Oluşturucu

Birden çok renk durağıyla doğrusal ve dairesel gradyanlar oluşturun, CSS'i kopyalayın.

CSS
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
Tailwind sınıfı
bg-[linear-gradient(135deg,#6366f1_0%,#ec4899_100%)]

Ayarlar

Tür
deg

Renk durakları (2)

  • %
  • %
Renk paleti · 1. durakIndigo 500
Hazır ayarlar

Nasıl kullanılır

  1. Bir hazır ayar seçin veya varsayılan gradyanla başlayın.
  2. Doğrusal veya dairesel türü seçin, ardından açıyı, şekli ya da konumu ayarlayın.
  3. Önizleme istediğiniz gibi olana kadar durak ekleyin, kaldırın, renklerini ve konumlarını değiştirin.
  4. CSS bildirimini veya Tailwind sınıfını kopyalayın.

Sık sorulan sorular

Doğrusal ve dairesel gradyan arasındaki fark nedir?

Doğrusal gradyan renkleri belirli bir açıdaki düz bir çizgi boyunca karıştırır. Dairesel gradyan ise renkleri bir merkez noktadan daire veya elips şeklinde dışa doğru karıştırır.

CSS gradyanları tüm tarayıcılarda destekleniyor mu?

Burada üretilen ön eksiz linear-gradient() ve radial-gradient() söz dizimi, güncel tüm büyük tarayıcılar tarafından desteklenir.

Kaç renk durağı kullanabilirim?

CSS'te pratik bir sınır yoktur. Bu araç en fazla 10 durak eklemenize izin verir; bu da neredeyse her tasarım ihtiyacını karşılar.

Diğer araçlar

Görsel

Görsel Optimize Edici

PNG, JPG, WebP, AVIF, GIF ve SVG görselleri tarayıcınızda sıkıştırın ve dönüştürün.

Metin

Metin Karşılaştırma

İki metni karşılaştırın; eklenen, silinen ve değişen satırları kelime düzeyinde vurgularla görün.

Görsel

Görselden Metne (OCR)

Ekran görüntülerinden, fotoğraflardan ve taranmış görsellerden OCR ile metin çıkarın, tarayıcınızda.