CSS Gradyan Jeneratörü Birden çok renk durakları ve açı kontrolü ile güzel lineer, radyal ve konik CSS gradyanlar oluşturun.

CSS gradyanları, background veya background-image özelliği kullanılarak tanımlanır. Lineer gradyanlar, yön (derece cinsinden açı veya sağa gibi anahtar kelimeler) ve renk durakları izleyen linear-gradient() işlevini kullanır. Her renk durağı, bir renk değeri ve isteğe bağlı konum yüzdesi içerir. Radyal gradyanlar, shape (daire veya elips) ve boyut anahtar kelimeleri ile radial-gradient() işlevini kullanır. Konik gradyanlar, süpürgelik renk geçişleri için conic-gradient() işlevini kullanır. Birden çok renk durağı karmaşık geçişler oluşturur - sert renk sınırları için aynı konumda iki durak kullanabilirsiniz. Performans açısından, CSS gradyanları tarayıcı tarafından oluşturulur ve resim indirme gerektirmez. Çözünürlük bağımsızdır ve herhangi bir ekran yoğunluğunda net görünür. Eski tarayıcı desteği için -webkit- öneki kullanın, ancak modern tarayıcılar ön ek olmadan gradyanları destekler. Gradyanlar, virgülle ayrılmış birden çok arka plan değeri kullanılarak katmanlanabilir, bu da karmaşık görsel efektlerin oluşturulmasını sağlar. background-size özelliği, tekrar eden desenler oluştururken her bir gradyan katmanının boyutunu kontrol eder.