Bu araç hakkında
CSS Gradient Generator nedir?
Canlı önizlemeyle CSS gradyanları oluşturun. Türü seçin (doğrusal, radyal, konik), sınırsız sayıda renk durağı ekleyin, açıyı (ya da radyal için konumu) ayarlayın ve oluşturulan CSS'yi kopyalayın. Çıktı tüm modern tarayıcıları destekler; eski tarayıcılar için satıcı önekli yedek değerler de ekliyoruz.
Tasarımcılar bunu hero arka planları, buton stilleri ve marka atmosferi denemeleri için kullanır. Çıktıyı CSS, Tailwind sınıfları veya SVG olarak alabilirsiniz.
SSS · CSS GRADIENT GENERATOR
CSS Gradient Generator hakkında sorular
Hangi gradyan türleri destekleniyor?
Doğrusal (en yaygın olanı, açıya dayalı), radyal (dairesel veya eliptik, konumlandırılabilir) ve konik (en yeni tür, renkleri bir merkez noktasının etrafında süpürür, pasta grafik benzeri tasarımlar için idealdir). Hepsi standart CSS olarak çıktı verir.
Tailwind olarak dışa aktarabilir miyim?
Evet — ham CSS'nin yanı sıra, renk durakları Tailwind'in adlandırılmış paletiyle eşleştiğinde oluşturucu Tailwind yardımcı sınıflarını (ör. `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) da çıktı olarak verir.
Ücretsiz mi?
Evet — kayıt gerekmez, tarayıcı içinde çalışır.