CSS Degrade Oluşturucu
Doğrusal ve dairesel CSS degrade kodları oluşturun, renk geçişlerini ve yön parametrelerini kolayca düzenleyin.
Aracı çalıştır
Bu CSS degrade oluşturucu, web projeleriniz için doğrusal ve dairesel CSS degrade kodları üretir. Form alanlarına degrade türünü, yön bilgisini ve virgülle ayrılmış renk değerlerini metin olarak girebilirsiniz. Degrade türü alanı boş bırakıldığında veya varsayılan doğrusal değer korunduğunda linear-gradient yapısı oluşturulur ve girdiğiniz yön parametresi koda doğrudan eklenir. Farklı bir metin girildiğinde ise araç çember biçiminde radial-gradient kodu hazırlar. Renk listesindeki her öge virgüllerden ayrılarak boşluklardan temizlenir ve standart CSS formatında birleştirilir. Örneğin onaltılık renk kodları, rgb değerleri veya isimli renkler kullanarak ikiden fazla renk geçişi de tanımlayabilirsiniz. İlgili değerleri girip aracı çalıştırdığınızda sonuç panelinde geçerli CSS arka plan kodu görüntülenir. Üretilen CSS kodunu kopyalayarak stil dosyalarınıza, kart bileşenlerine, başlık bloklarına veya buton stillerine doğrudan uygulayabilirsiniz. Böylece biçimlendirme kurallarını elle yazmak yerine istediğiniz renk dizilimini hızla koda dönüştürebilirsiniz. Web geliştiricileri ve arayüz tasarımcıları için pratik kod hazırlama imkanı sağlar.
Kullanım
- Degrade türünü belirleyin; doğrusal geçiş için linear yazabilir veya dairesel geçiş için farklı bir metin girebilirsiniz.
- Doğrusal degradeler için to right veya 90deg gibi bir yön değeri girin.
- Geçişte kullanılacak renkleri aralarına virgül koyarak metin alanına yazın.
- Oluştur butonuna tıklayarak CSS kodunu üretin.
- Sonuç alanındaki kodu kopyalayıp web projenizin stil dosyasına ekleyin.
Örnekler
- Doğrusal degrade için tür linear, yön to bottom ve renkler #4facfe, #00f2fe girildiğinde linear-gradient(to bottom, #4facfe, #00f2fe) içeren CSS kodu üretilir.
- Dairesel degrade için tür alanına radial yazıp renkler kısmına #ff9a9e, #fecfef girdiğinizde circle içeren radial-gradient CSS kodu oluşturulur.
SSS
Hangi degrade türlerini oluşturabilirim?
Araç, tam olarak linear metni girildiğinde doğrusal degrade, bunun dışındaki metin girişlerinde ise çember biçiminde dairesel degrade kodu üretir.
İkiden fazla renk ekleyebilir miyim?
Evet, renkler alanına istediğiniz sayıda renk değerini aralarına virgül ekleyerek girebilirsiniz.
Renk veya yön sözdizimi doğrulanıyor mu?
Araç girilen metinleri virgüllerden ayırıp boşlukları temizleyerek doğrudan CSS kuralına aktarır; sözdizimi geçerliliği tarayıcı tarafında CSS kurallarına göre işlenir.
Varsayılan değerler nelerdir?
Degrade türü için linear, yön için to right ve renkler için #ff7e5f, #feb47b varsayılan olarak kullanılır.