Tailwind çıktısı sunan CSS gradyan oluşturucu. Doğrusal ve radyal gradyanları görsel olarak tasarlayın, üretime hazır CSS veya Tailwind sınıflarını kopyalayın.
background: linear-gradient(135deg, #E91E8C 0%, #7B2FBF 100%);
Doğrusal (yönlü), radyal (dairesel) veya konik (açısal) gradyan türleri arasından seçim yapın.
Renk örneklerine tıklayarak renkleri değiştirin, konum yüzdelerini ayarlayın ve renk durakları ekleyin veya kaldırın. İlham için hazır şablonları deneyin.
Doğrusal gradyanlar için açıyı ayarlayın. Radyal için şekli ve merkez konumunu seçin. Konik için başlangıç açısını ayarlayın.
CSS ve Tailwind CSS çıktı sekmeleri arasında geçiş yapın, ardından projeniz için kodu kopyalamak üzere Kopyala'ya tıklayın.
Üç CSS gradyan türünün tamamını destekliyoruz: linear-gradient (yönlü gradyanlar için), radial-gradient (dairesel gradyanlar için) ve conic-gradient (açısal gradyanlar için).
Evet. Tailwind CSS sekmesine geçerek gradyanı doğrudan Tailwind projelerinizde çalışan bir rastgele değer sınıfı olarak alabilirsiniz.
İhtiyacınız kadar renk durağı ekleyebilirsiniz. Minimum iki durak gereklidir, bunlar bir gradyan oluşturmak için zorunludur.
Evet. Tüm şablonlar ve oluşturulan gradyanlar, herhangi bir kişisel veya ticari projede atıf gerektirmeden ücretsiz olarak kullanılabilir.
Canlı önizleme ve CSS çıktısı ile HEX, RGB ve HSL formatları arasında renk dönüştürün.
Aracı AçCanlı Google SERP ve sosyal medya kartı önizlemeleriyle çalışan çevrimiçi SEO meta etiket oluşturucu. Yapıştırmaya hazır HTML ve Open Graph etiketleri üretir.
Aracı AçYükleme sınırı olmayan ücretsiz çevrimiçi görsel sıkıştırıcı. Ayarlanabilir kalite, yeniden boyutlandırma ve format dönüştürmeyle dosya boyutunu küçültün. Görseller cihazınızdan çıkmaz.
Aracı Aç