CSS Gradyan Oluşturucu
Gerçek zamanlı önizleme ile CSS gradyanları oluşturun.
Presets:
background: linear-gradient(135deg, #D94F30, #0D7C66);CSS degradesi nedir?
CSS degradesi, HTML elemanlarinin arka planina uygulanan iki veya daha fazla renk arasinda yumusak bir gecistir. Web tasariminda ilgi cekici gorsel arka planlar olusturmanin en etkili tekniklerinden biridir.
Iki ana CSS degrade turu vardir: dogrusal ve dairesel. Dogrusal degradeler belirli bir aci boyunca renk gecisi olusturur; dairesel degradeler ise merkezi bir noktadan disa dogru gecis olusturur.
CSS degradeleri, Chrome, Firefox, Safari, Edge ve Opera dahil tum modern tarayicilarla uyumludur. Olusuturucumuz, kopyala-yapistir'a hazir kod uretir.
Sıkça sorulan sorular
Tum tarayicilarda calisiyor mu?
Evet. CSS degradeleri, saglayici oneki gerektirmeden tum modern tarayicilarla uyumludur. Chrome, Firefox, Safari, Edge ve Opera bunlari yerel olarak destekler. Yalnizca Internet Explorer 9 veya alti gibi cok eski tarayicilar desteklemez.
2'den fazla renk kullanabilir miyim?
Evet, CSS birden fazla renk duragina sahip degradelere izin verir. Ureticimiz arayuzu basitlestirmek icin 2 renkle calisir, ancak elde edilen kodu degrade bildiriminde renkleri virgullerle ayirarak manuel olarak duzenleyerek daha fazla renk ekleyebilirsiniz.
Olusturulan kodu nasil kullanirim?
"Kopyala" dugmesine tiklayarak CSS kodunu kopyalayin ve istediginiz HTML elemaninin stil ozelligine yapistin. Bir CSS stil sayfasinda, satir ici style niteliginde veya Tailwind CSS ya da styled-components gibi framework'lerde kullanabilirsiniz.
Daha fazla bilgi ister misiniz? Tam rehberimizi okuyun →