İçeriğe geç
QuicknVert

CSS Gradyan Oluşturucu

Doğrusal, dairesel ve konik CSS gradyanlarını görsel olarak tasarlayın.

Tarayıcınızda çalışır, verileriniz sunucuya gönderilmez.

CSS Gradyan Oluşturucu ne işe yarar?

CSS Gradyan Oluşturucu ile birden fazla renk arasında yumuşak geçişler tasarlayıp tek satırlık CSS kodunu alabilirsiniz. Renk ekleyip çıkarabilir, her rengin konumunu ve geçiş açısını değiştirebilirsiniz.

Üretilen kod, gradyanı desteklemeyen çok eski tarayıcılar için ilk rengi düz arka plan olarak da içerir.

CSS Gradyan Oluşturucu nasıl kullanılır?

  1. Gradyan tipini seçin.
  2. Renkleri ve konumlarını ayarlayın, gerekirse renk ekleyin.
  3. CSS kodunu kopyalayın.

Sıkça sorulan sorular

Gradyan metin rengine uygulanabilir mi?

Evet: background-clip: text ve color: transparent ile birlikte kullanıldığında metin gradyanla boyanır.

İlgili araçlar

CSS Box Shadow Oluşturucu

Gölge efektlerini kaydırıcılarla tasarlayın ve box-shadow kodunu kopyalayın.

CSS Border Radius Oluşturucu

Köşe yuvarlamalarını tek tek veya birlikte ayarlayın, border-radius kodunu alın.

Renk Dönüştürücü

HEX, RGB, HSL, HSV ve CMYK arasında renk dönüştürün, WCAG kontrastını görün.

JSON Biçimlendirici

Sıkışık JSON'u girintili, okunabilir hâle getirin ve hataları satır numarasıyla görün.

SQL Biçimlendirici

SQL sorgularını okunabilir biçimde girintileyin; MySQL, PostgreSQL, T-SQL desteği.

Regex Test Aracı

Düzenli ifadeleri canlı test edin, eşleşmeleri ve grupları görün, Türkçe açıklamasını okuyun.