CSS Degradesi Nedir?

CSS degradesi, herhangi bir görsel dosyası olmadan tamamen tarayıcı tarafından oluşturulan iki veya daha fazla renk arasındaki yumuşak bir geçiştir. Degradeler CSS fonksiyonları kullanılarak tanımlanır ve arka plan görselinin kabul edildiği her yerde kullanılabilir.

Degrade Türleri

• Doğrusal: Renkler belirli bir açıda düz bir çizgi boyunca geçiş yapar. Arka planlar, düğmeler ve ayırıcılar için kullanılan en yaygın türdür.
• Radyal: Renkler, dairesel veya eliptik bir şekilde merkez noktasından dışarıya doğru yayılır. Spot ışığı ve parlaklık efektleri için idealdir.
• Konik: Renkler, renk tekerleği gibi bir merkez nokta etrafında döner. Pasta grafikleri ve dairesel ilerleme göstergeleri için kullanışlıdır.

Renk Durakları

Her renk durağı, degrade boyunca bir rengi ve konumunu (%0–100) tanımlar. İhtiyaç duyulduğu kadar durak ekleyin — tarayıcı aralarında yumuşak bir geçiş sağlar. Her rengin nerede başlayıp biteceğini kontrol etmek için konum kaydırıcısını sürükleyin.

Çıktı Nasıl Kullanılır

Oluşturulan CSS'i kopyalayın ve stil sayfanıza yapıştırın. Çıktı, standart bir background bildirimidir ve satıcı önekleri gerektirmeden tüm modern tarayıcılarda çalışır.