CSS Gradyan Oluşturucu

Ücretsiz ve çevrimiçi CSS gradyanları oluşturun. Çoklu renk duraklarıyla doğrusal ve radyal gradyanlar tasarlayın ve CSS kodunu anında kopyalayın.

Preview
CSS Code

Nasıl Çalışır

  1. Tasarım ihtiyaçlarınıza göre gradyan türünü – doğrusal veya radyal – seçin.
  2. Kaydırıcı çubuğuna tıklayarak renk noktaları ekleyin ve renk seçiciden istediğiniz renkleri seçin.
  3. Döndürme kontrolünü kullanarak gradyanın açısını veya yönünü ayarlayın.
  4. Canlı önizleme alanında sonucu gerçek zamanlı olarak inceleyin.
  5. Tek tıklamayla oluşturulan CSS kodunu kopyalayın ve doğrudan projenize yapıştırın.

Örnek

Giriş: Doğrusal gradyan: #834D9B (0%) ile #D04ED6 (100%) arasında, açı 45°
Sonuç: background: linear-gradient(45deg, #834D9B 0%, #D04ED6 100%);

SSS

Evet, kesinlikle. Tüm işlemler doğrudan tarayıcınızda istemci tarafında gerçekleşir. Hiçbir veri herhangi bir sunucuya gönderilmez, bu nedenle çalışmanız tamamen gizli kalır.

Evet, her durak arasında düzgün geçişler sağlayan karmaşık çok renkli gradyanlar oluşturmak için istediğiniz kadar renk noktası ekleyebilirsiniz.

Oluşturulan kod tüm modern tarayıcılarla uyumludur. Araç, daha geniş uyumluluk için gerekli satıcı öneklerini otomatik olarak ekler.

Hayır, CSS Gradyan Oluşturucu tamamen ücretsizdir ve herhangi bir kayıt veya giriş gerektirmez.

Doğrusal gradyan, tanımlı bir açıyla düz bir çizgi boyunca bir renkten diğerine geçiş yaparken, radyal gradyan bir merkez noktasından dışa doğru dairesel bir biçimde yayılır.