Degrade Oluşturucu
Sürüklenebilir çok duraklı kontrol ve seçilmiş ön ayarlarla sıfırdan lineer, radyal ve konik CSS degradeleri oluşturun. Yapıştırmaya hazır CSS'yi anında kopyalayın.
background: —;
Her şey tarayıcınızda canlı hesaplanır — kayıt yok, tamamen ücretsiz.
Degrade Oluşturucu Hakkında
Gradient Generator, sıfırdan özel CSS gradyanları oluşturur. Doğrusal, radyal veya konik bir tür seçin, açıyı ayarlayın ve karışımı çok duraklı bir düzenleyiciyle şekillendirin: durakları taşımak için tutamaçları sürükleyin, yenilerini eklemek için çubuğa tıklayın ve herhangi bir durağı bir seçiciyle yeniden renklendirin — canlı önizleme siz çalışırken güncellenir.
Küçültülmüş hazır şablonlar, boş bir sayfadan başlamak istemediğinizde size güçlü bir başlangıç noktası verir, tek tıkla eylemler — rastgele, tersine çevir, 45° döndür — keşfi hızlandırır. Üretilen CSS her zaman görünürdür ve önizlemeyle senkronize kalır, bu yüzden kopyaladığınız şey gördüğünüzün tam olarak aynısıdır.
Her şey ücretsiz olarak tarayıcınızda canlı hesaplanır. Tam CSS kuralını veya sadece background değerini kopyalayın ve bir stil sayfasına, düğme stiline veya hero bölümüne yapıştırın — arka planlar, kaplamalar ve UI vurguları için basit bir CSS gradyan oluşturucu.
Degrade Oluşturucu Nasıl Kullanılır
- Bir gradyan türü seçin: doğrusal, radyal veya konik.
- Bir şablondan başlayın veya anında bir başlangıç noktası için "Rastgele"ye tıklayın.
- Renkleri konumlandırmak için durak tutamaçlarını sürükleyin, durak eklemek için çubuğa tıklayın ve her durağın rengini düzenleyin.
- Açıyı ayarlayın veya karışımı yeniden yönlendirmek için "Tersine çevir" ve "45° döndür"ü kullanın.
- CSS kuralını veya background değerini kopyalayıp projenize yapıştırın.