CSS Gradient Generatörü
Tarayıcınızda doğrusal, radyal ve konik CSS gradyanları oluşturun.
Renk durdurmaları
Konumları düzenlemek için durdurma tutamaçlarını veya klavye oklarını kullanın. Her durdurma, açık bir renk, opaklık ve yüzde içerir.
Tarayıcı yerel işleme
Bu gradyan bu tarayıcıda kalır. Hiçbir renk veya oluşturulan CSS, Convertr'a gönderilmez.
Sınırlı içe aktarma dilbilgisi
İçe aktarma, onaltılık renkler ve yüzdelerle linear-gradient(), radial-gradient() veya conic-gradient() kabul eder. Bildirimler, URL'ler, değişkenler ve bilinmeyen işlevler yerel olarak reddedilir.
Erişilebilir geri dönüş
Oluşturulan CSS, desteklenmeyen işleyiciler ve erişilebilir kontrol kromu için gradyanın yanında sağlam bir arka plan rengi geri dönüşü içerir.
Sıkça sorulan sorular
Gradyanım yüklendi mi?
Hayır. Gradyan durumu, renkler, içe aktarılan CSS ve oluşturulan CSS tarayıcınızda kalır.
Hangi CSS gradyan türleri desteklenir?
Oluşturucu, birden çok onaltılık renk durdurmasıyla linear-gradient(), radial-gradient() ve conic-gradient() çıktısı oluşturur.
Neyi içe aktarabilirim?
İçe aktarma, desteklenen bir gradyan işlevi, onaltılık renkler, isteğe bağlı yüzdeler ve sınırlı açı veya konum değerleri kullanarak kasıtlı olarak sınırlı bir dilbilgisini kabul eder.
İlgili geliştirici ve tasarım araçları
CSS Gradient Generatörü
Doğrusal veya dairesel CSS gradyanları oluşturun ve renk durakları, açı, konum ve tekrarlama önizlemesi yapın.
- Giriş
- Gradyan türü, renk durakları, konumlar, açı ve tekrar ayarları.
- Çıktı
- Canlı bir önizleme ve kopyalanabilir CSS arka plan bildirimi.
- Gerçek Sınırlamalar
- Tarayıcı işleme, motora göre biraz farklılık gösterebilir ve araç, eski tarayıcılarda kontrastı değerlendirmez veya desteği garanti etmez.
- Gizlilik ve veri işleme
- gradyan türü, renk durakları, konumlar, açı ve tekrar ayarları bu tarayıcı sekmesinde işlenir. Convertr bunu almaz veya saklamaz; sayfayı kapatmak veya yeniden yüklemek, araç açıkça yerel bir indirme sunmadığı sürece çalışma durumunu temizler.
Bu aracı nasıl kullanacağınız
- Araç kontrollerinde gradyan türü, renk durakları, konumlar, açı ve tekrar ayarlarını sağlayın.
- Canlı önizleme ve kopyalanabilir CSS arka plan bildirimini etkileyen ayarları seçin, ardından aracı çalıştırın.
- Kopyalamadan veya indirmeden önce canlı bir önizleme ve kopyalanabilir CSS arka plan beyanını inceleyin.
Ortak arıza modları
Eksik bir renk durağı, geçersiz renk veya uyumsuz konum, geçerli bir CSS bildirimi oluşturulmasını engeller.
Faydalı örnek
#111827'den %0'da #f59e0b'ye %100'de 90 derece doğrusal gradyan oluşturun ve bildirimi kopyalayın.