Bu araç hakkında
Görsel düzenleyiciyle güzel CSS doğrusal ve radyal degradeler oluşturun. Renkleri seçin, durakları ayarlayın, yönü veya açıyı değiştirin ve canlı önizleme güncellemesini gerçek zamanlı olarak görün. Oluşturulan CSS kodunu (eski tarayıcılar için satıcı önekleri dahil) kopyalayın ve doğrudan stil sayfanıza yapıştırın.
Sık sorulan sorular
- CSS degradeleri tüm tarayıcılarda çalışır mı?
- Modern CSS degradeleri (doğrusal degrade, radyal degrade), Chrome, Firefox, Safari ve Edge dahil tüm mevcut tarayıcılarda desteklenir. Araç, isteğe bağlı olarak eski tarayıcı sürümleri için -webkit- öneklerini oluşturabilir.
- Çok renkli degradeler oluşturabilir miyim?
- Evet. İhtiyaç duyduğunuz kadar renk durağı ekleyin. Renklerin nerede karışacağını kontrol etmek için her durağın konumunu da ayarlayabilirsiniz. Bu, karmaşık gökkuşağı, gün batımı veya özel marka geçişlerine olanak tanır.
- Doğrusal ve radyal degradeler arasındaki fark nedir?
- Doğrusal degradeler, renkleri düz bir çizgi boyunca (yukarıdan aşağıya, soldan sağa, çapraz veya herhangi bir açıyla) değiştirir. Radyal degradeler, renkleri dairesel veya eliptik bir şekilde merkez noktadan dışarıya doğru değiştirir.
- Degradeyi metin için arka plan olarak kullanabilir miyim?
- Evet. Metne degradeyi uygulamak için arka plan-clip: text'i -webkit-text-fill-color: şeffaf ile birlikte kullanın. Oluşturulan CSS, degrade tanımını sağlar; degrade metni için bunu bu özelliklerle birleştirin.