Zahmetsizce Güzel CSS Metin Degradesi Oluşturun

Web siteniz için çarpıcı degrade metin efektleri oluşturun

Degrade Kontrolleri

CSS Gradyan Metni
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Popüler Degradeler

Sunset
linear-gradient(to right, #FF512F, #F09819)
Magic
linear-gradient(to right, #4158D0, #C850C0, #FFCC70)
Ocean
linear-gradient(to right, #0093E9, #80D0C7)
Electric
linear-gradient(to right, #30CFD0, #330867)
Meyve Salatası
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

Nasıl Kullanılır?

1

Metninizi Girin

Degradeyi uygulamak istediğiniz metni "Metin" giriş alanına yazın.

2

Degrade Türünü Seçin

Doğrusal, Radyal veya Konik degrade türleri arasından seçim yapın.

3

Yönü veya Açıyı Ayarlayın

Doğrusal degradeler için bir yön seçin. Konik gradyanlar için açıyı ayarlayın.

4

Renkleri Özelleştir

İstediğiniz degradeyi oluşturmak için renk duraklarını ve konumlarını ekleyin, kaldırın veya ayarlayın.

5

CSS'yi Kopyala veya Kaydet

Oluşturulan CSS kodunu kopyalayın veya projelerinizde kullanmak için bir CSS dosyası olarak kaydedin.

Metin Degradeleri Hakkında

CSS metin gradyanları, güzel, çok renkli degradeleri doğrudan metne uygulamanıza olanak tanır. Bu efekt bir zamanlar yalnızca görüntülerle mümkündü, ancak modern CSS bunu basit ve verimli hale getiriyor.

Tarayıcı Desteği:Metin gradyanları, Chrome, Firefox, Safari ve Edge dahil olmak üzere tüm modern tarayıcılarda desteklenir. Internet Explorer gibi eski tarayıcılar için metin düz bir renge geri döner.

Kullanım İpuçları:Metin gradyanları, kalın metin ve yüksek kontrastlı renk birleşimleriyle en iyi sonucu verir. İstenen efekti elde etmek için farklı degrade türleri ve yönleriyle denemeler yapın.

Related Tools