6XC

CSS Gradient Oluşturucu

Doğrusal, dairesel ve konik CSS degradelerini canlı önizlemeyle tasarlayın, kodu kopyalayın.

840 görüntülenme

CSS Degradeleri

Degrade, renkler arasındaki yumuşak geçiştir; linear-gradient(açı, renk1, renk2), radial-gradient(...) veya conic-gradient(...) olarak yazılır. Türü, açıyı ve üç renge kadar seçin — önizleme ve kopyalamaya hazır CSS anında güncellenir. Degradeler tarayıcıda çizilir; görsel indirmez, her boyutta keskin kalır.

Sıkça Sorulan Sorular

Doğrusal degradede açı ne anlama gelir?

0° yukarıyı, 90° sağı, 180° aşağıyı gösterir — açı, degradenin aktığı yöndür. 135° popüler sol üst-sağ alt çaprazını verir.

Radial ve conic ne zaman kullanılır?

Radial merkezden dışa doğru karışır — spot ışığı ve vinyet için uygundur. Conic renk çemberi gibi merkez etrafında döner — pasta grafik ve gökkuşağı halkaları için idealdir.

Benzer Araçlar

CSS Box Shadow (Gölge) Oluşturucu Kutu gölgesini görsel olarak tasarlayın — kaydırma, bulanıklık, yayılma, renk, opaklık ve inset — canlı önizlemeli. Oluştur CSS Border Radius Oluşturucu Köşeleri tek tek veya hep birlikte, px ya da % olarak yuvarlayın — canlı önizleme ve kopyalanabilir CSS. Oluştur CSS Text Shadow (Yazı Gölgesi) Oluşturucu Yazı gölgesini kaydırma, bulanıklık, renk ve opaklıkla tasarlayın — örnek metin üzerinde canlı önizleme. Oluştur CSS Border (Kenarlık) Oluşturucu Kenarlığı görsel olarak tasarlayın — kalınlık, stil (solid, dashed, dotted, double…), renk ve yarıçap — canlı önizlemeli. Oluştur