CSS Gradyan Oluşturucu
Gradient Parameters
Canlı Önizleme
Ücretsiz CSS Gradyan Oluşturucu Online Nasıl Kullanılır?
Görsel önizlemeler, çoklu renk durakları ve kopyalamaya hazır stil kodlarıyla şık ve pürüzsüz CSS gradyanları tasarlayın.
CSS Gradyan Oluşturucu Etkili Şekilde Nasıl Kullanılır?
- Doğrusal (linear) veya dairesel (radial) gradyanı seçin.
- Açı derecesini ayarlayın.
- Sürgü üzerinde renk durakları ekleyin ve ayarlayın.
Neden Bizim Güvenli CSS Gradyan Oluşturucu Aracımızı Seçmelisiniz?
Adım 1: Doğrusal (linear) veya dairesel (radial) gradyanı seçin. Adım 2: Açı derecesini ayarlayın. Adım 3: Sürgü üzerinde renk durakları ekleyin ve ayarlayın. Adım 4: CSS kodunu kopyalayın.
Sıkça Sorulan Sorular
CSS gradyanı, iki veya daha fazla renk arasında pürüzsüz geçişler gösteren ve tarayıcı tarafından çizilen bir arka plan görüntüsüdür.
Doğrusal (linear) gradyanlar renkleri düz bir hat boyunca değiştirirken, dairesel (radial) gradyanlar merkezden dışa doğru dairesel olarak değiştirir.
Evet. Renk durağı eklemek için gradyan sürgüsünde herhangi bir yere tıklayın ve konumunu ayarlamak için sürükleyin.
Modern tarayıcılar standart linear-gradient() sözdizimini destekler, ancak eski tarayıcılar için -webkit- ön eki gerekiyordu.
Evet. CSS gradyanları, herhangi bir bozulma olmadan üst kapsayıcının boyutlarına göre dinamik olarak ölçeklenir.
Hayır, ancak CSS kodunu kopyalayıp web sitenizde arka plan olarak kullanarak doğrudan görüntüleyebilirsiniz.
Belirli bir rengin, bir sonrakine geçiş yapmadan önce tamamen doygun olduğu gradyan hattı üzerindeki yüzdelik konumdur (%%0 - %%100).
Bir rengin şeffaflaşmasını sağlamak için alfa değerini ayarlayarak RGBA veya HSLA renk biçimlerini kullanın.
Evet. CSS gradyanları büyük arka plan resim dosyalarına kıyasla anında yüklenir, sunucu trafiğini azaltır ve hızı artırır.
Evet. Arka plan konumlarını kaydırmak veya renk geçişleri yapmak için CSS keyframe animasyonlarını kullanabilirsiniz.
Hata Bildir / Özellik Öner
Önerilen Araçlar Recommended Tools
Renk Seçici ve HEX/RGB/HSL Dönüştürücü
Ücretsiz çevrimiçi renk seçici ve dönüştürücü. Renkleri anında HEX, RGB, HSL ve HSV formatları arasında dönüştürün. Renk uyumları oluşturun, kontrast oranlarını kontrol edin ve renk geçmişinizi kaydedin.
Resim ↔ Base64 Dönüştürücü
Görüntüleri doğrudan Base64 URI dizelerine dönüştürün veya dizelerin kodunu anında indirilebilir görüntülere dönüştürün.
Canlı Markdown Editörü
Canlı HTML oluşturma ve derleyiciyle işaretlemeyi yan yana düzenleyin.