Görsel olarak güzel CSS gradyanları oluşturun ve anında CSS & Tailwind kodu alı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 SEO meta etiketleri oluşturun.
Aracı AçGörselleri çevrimiçi sıkıştırın ve optimize edin. Ayarlanabilir kalite, yeniden boyutlandırma ve format dönüştürme ile dosya boyutunu küçültün.
Aracı Aç