CSS Tools CSS Gradyan Oluşturucu
Doğrusal, radyal ve konik gradyanları görsel olarak oluşturun ve temiz CSS’i kopyalayın. Birden fazla katmanı üst üste koyun, saydamlıklı renk durakları ekleyin ve yönü değiştirmek için doğrudan önizlemede sürükleyin.
Mavi - limon yeşili CSS Gradyanı
Her gradyanın birden fazla katmanı olabilir ve her katmanın kendi türü, açısı ve renkleri vardır. Sonuç, tarayıcı önekleri olmadan saf CSS’tir ve projenize doğrudan yapıştırılabilir. Sayfa bağlantısı gradyanınızı saklar; böylece paylaşabilir veya daha sonra geri dönebilirsiniz.
Gradyan Oluşturucu Nasıl Kullanılır
Gradyan Türünü Seçin
Her katman için doğrusal, radyal veya konik seçin. Doğrusal renkleri düz bir çizgi boyunca karıştırır, radyal merkez noktadan dışa yayar, konik ise merkez etrafında döndürür.
Renkleri ve Katmanları Ayarlayın
Renk durağı eklemek için renk çubuğuna tıklayın, konumunu değiştirmek için sürükleyin ve saydamlık dahil istediğiniz rengi seçin. Katman ekleme düğmesiyle üste başka bir gradyan koyabilirsiniz.
Tasarımınızı Önizleyin
Gradyanı altı şekilde deneyin: tam ekran, kare, yatay ve dikey dikdörtgen, daire ve yıldız. Şeklin arkasındaki arka planı da değiştirebilirsiniz.
background: linear-gradient(90deg, #0000ff 0%, #00ff00 100%);