En İyi Özgür CSS Değişkenleri Oluşturucu
Canlı bir önizleme ile doğrusal ve radyal CSS gradiyentleri oluşturun - arka plan kodunu kopyalayın.
%100 ücretsiz
Kayıt yok
Su işareti yok
✨
En iyi AI modelleri için Go Pro - resim, video ve sohbet - plus daha büyük yüklemeler, kuyruktaki öncelik ve bekleme yok.
Pro'ya yükselt
Aşk. Best.Free? Paylaş.
Nasıl çalışıyor?
- Bir tür seçin. Doğrusal mı radyal mi seç ve doğrusal bir gradiyentin açısını ayarla.
- Renkleri ve durakları seç. İki veya daha fazla renk ve konumlarını ayarlayabilirsiniz; Gelişmiş seçeneklerde üçüncü bir durağı ekleyin.
- CSS'yi kopyala. CSS'yi kopyala'ya basın ve arka plan gradiyentini tarz sayfanıza yapıştırın.
Bu araç hakkında
Değerleri körce düzenleme yerine göz ile bir CSS gradiyenti inşa edin. Doğrusal ve radyal arasında geçiş yapın, doğrusal bir gradiyent için açı çekip, renkleri ve pozisyonları en az iki durakla seçerek tam genişlikte bir önizleme çubuğu canlı olarak güncellenirken. Sonuçlanan arka plan özelliğini doğrudan tarz sayfanıza kopyalayın. İleri seçenekler daha zengin karışımlar için üçüncü bir renk durağı ekler ve radyal gradiyentler için bir daire veya elips biçimi seçmenize izin verir. Tüm bunlar tarayıcınızda çalışır.
İnsanlar ne için kullanıyor?
- Kahraman veya bölüm arka plan gradiyentini tasarla
- Bir düğme ya da kart gradient doldurmasını yarat
- İki veya üç marka rengini pürüzsüz bir şekilde karıştır
- Radiyal bir spotlight veya vinyet etkisi oluştur
Sıkça Sorulan Sorular
Doğrusal bir gradient seçtiğiniz açıda doğrusal bir çizgi boyunca karışır; radyal bir gradient ise bir merkez noktadan dışa doğru bir daire veya ellips gibi karışır.
Doğrusal bir gradient için açı karışım yönünü belirler - 0 ° aşağıdan yukarıya, 90 ° sola doğru ve böylece gider.
Her bir duraklama, gradiyentin üzerinde yüzde olarak yerleştirilmiş bir renktir. Bir duraklamayı hareket ettirmek, renklerin nerede yer aldığı ve karışımın ne kadar keskin olduğuna bağlıdır.
Evet. Üçüncü bir renk durağı eklemek için, çok renkli bir karışımda ilk ve son arasında yerleştirilen, Gelişmiş seçenekleri açın.
Hayır. Renkler ve durmalar, tarayıcınızda yerel olarak bir CSS dizinine dönüştürülür.
Tamamen ücretsiz, hesap ve sınırlar yok - ölçmek için hiçbir şey olmayan bir müşteri tarafı aracı.
Evet. Tarayıcınızda çalışır, bu yüzden CSS Gradient Generator telefonlar ve tabletler ile masaüstü bilgisayarlarda da çalışır - yüklemek için bir uygulama yoktur.
Genellikle tipik bir dosya için sadece birkaç saniye - CSS Gradient Generator, girişinizi verdiğiniz anda çalışmaya başlar.
Casual kullanımı, herkes için hızlı tutan cömert adil kullanım kapağı altında sınırsızdır.
Tüm modern tarayıcılar - Chrome, Safari, Firefox ve Edge. CSS Gradient Generator, zaten kullandığınız tarayıcının dışında herhangi bir şeyin kurulmasına gerek duymaz.