Gradyan Oluşturucu
CSS gradyanlarını görsel olarak oluşturun ve önizleyin.
Gradyan Ayarları
Gradyan türünü ve yönünü ayarlayın
Renk Durakları
Gradyan renklerini ve konumlarını ayarlayın
%
%
Hazır Ayarlar
Önceden tanımlanmış gradyanları deneyin
Önizleme
Oluşturulan gradyanı görüntüle
Oluşturulan CSS
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Gradyan Türü Açıklaması
Doğrusal Gradyan
Düz bir çizgi yönünde renkleri değiştiren bir gradyan. Yönü ayarlamak için açıyı ayarlayabilirsiniz.
Radyal Gradyan
Bir merkez noktasından dışa doğru dairesel veya elips şeklinde renkleri değiştiren bir gradyan.
Konik Gradyan
Bir merkez noktası etrafında dönerken renkleri değiştiren konik bir gradyan.