CSS Gradyan Oluşturucu

Nasıl kullanılır?

1. Bir Gradyan türü seçin: renk değiştiren düz bir çizgi (doğrusal), merkezden yayılma (radyal) ya da bir nokta etrafında dönme (konik).
2. Doğrusal ya da konik gradyan için Açı alanını ayarlayın. Radyal gradyanda açı kullanılmaz.
3. Renk durakları içinde her rengi seçin ve konumunu yüzde olarak yazın. İkiden altıya kadar durak ekleyin ya da çıkarın.
4. CSS başlığının altındaki Kopyala düğmesine basıp satırı stil dosyanıza yapıştırın ya da bir hazır şablonla başlayın.

Üç gradyan türü

• Doğrusal: renk düz bir çizgi boyunca değişir. 0deg açısı yukarıyı gösterir ve açı saat yönünde döner; 90deg soldan sağa, 180deg yukarıdan aşağıya gider.
• Radyal: renkler merkezden bir daire içinde, ilk duraktan son durağa doğru yayılır.
• Konik: renkler saat ibresi gibi merkez etrafında döner. Açı, ilk rengin nereden başladığını belirler.

Renk durakları ve konumları

Bir renk durağı, gradyan boyunca yüzde 0 ile 100 arasında bir konumdaki renktir. Düzenleyici durakları konum sırasına göre yazar; bu yüzden durakları hangi sırayla girdiğiniz resmi değiştirmez. İki ila altı durak, gradyanı okunaklı ve CSS'i kısa tutar.

Kod, güncel tarayıcıların okuduğu standart CSS sözdizimidir. Önizlemeyi tarayıcınız aynı değerden çizer; gördüğünüz şey stil dosyanın alacağı şeydir.

Sık sorulan sorular