CSS Degrade Oluşturucu
Doğrusal ve radyal degradeleri görsel olarak tasarlayın, ardından kullanıma hazır CSS'i kopyalayın. Her şey tarayıcınızda canlı güncellenir.
CSS degradesi nasıl yapılır
- Doğrusal veya radyal seçin, ardından doğrusal degrade için açıyı ayarlayın.
- Duraklarınız için renkleri seçin ve her konumu 0'dan 100'e ayarlayın.
- Geçişi istediğiniz gibi şekillendirmek için durak ekleyin veya kaldırın.
- Oluşturulan CSS'i stil sayfanıza veya style özniteliğine kopyalayın.
SSS
Doğrusal degrade nedir?
Doğrusal degrade, seçtiğiniz açıda 0'dan 360 dereceye kadar düz bir çizgi boyunca renkleri harmanlar.
Radyal degrade nedir?
Radyal degrade, renkleri bir merkez noktadan dairesel veya eliptik bir şekilde dışa doğru harmanlar.
Konum sayıları ne anlama gelir?
Her konum, degrade boyunca başlangıçta %0'dan sonunda %100'e kadar bir yüzdedir. Duraklar konuma göre otomatik olarak sıralanır.
Degrade tüm tarayıcılarda çalışır mı?
Evet. Oluşturulan CSS, her modern tarayıcının desteklediği standart linear-gradient ve radial-gradient işlevlerini kullanır.
İlgili Araçlar
Neden degrade oluşturucu kullanmalısınız?
Koddaki değerleri tahmin etmek yerine yumuşak renk geçişlerini görsel olarak tasarlamak ve üretime hazır CSS'i anında kopyalamak için CSS Degrade Oluşturucu'yu kullanın.
- Renkleri, açıları ve durakları ayarlarken degradenin canlı değişimini görün.
- Söz dizimi hatası aramadan tam, geçerli CSS kopyalayın.
- Saniyeler içinde düğmeler, afişler ve bölümler için çok duraklı arka planlar oluşturun.
İpuçları ve Sınırlar
İstediğiniz kadar renk durağı ekleyebilirsiniz; oluşturucu degradenin her zaman geçerli olması için en az ikisini tutar. CSS oluşturulmadan önce duraklar konuma göre sıralanır.