CSS Filtre Oluşturucu
Görsel kontroller üzerinden CSS filtre veya backdrop-filtre özelliği oluşturun.
CSS Filtre Oluşturucu
Bu araç görsel kontroller üzerinden yapıştırılabilir bir CSS filtre (veya backdrop-filter) bildirimi oluşturur, böylece bulanıklık, parlaklık, kontrast, gri tonlar, renk döndürme, ters çevirme, opasite, doygunluk, sepia ve gölge birleştirmenin sözdizimini hatırlamak zorunda kalmazsınız. Fotoğraf galerisi, hover efekti, cam paneli veya temalı görüntü işlemesi stilini filtre işlev listesini elle yazmadan düzenleyen herkese yardımcı olur.
Her işlevin kendi alanı vardır ve oluşturulan değer yalnızca gerçekten değiştirdiğiniz olanları listeler — böylece küçük bir bulanıklıkla bir sayfa dokuz işletsiz işlev listelemek yerine kısa kalır. İşlev sırası alanı çalışma sırasını kontrol eder, çünkü CSS filtreleri soldan sağa uygulanır ve bunları yeniden sıralamak (kontrast ayarından önce veya sonra bulanıklık uygulama gibi) son görünümü değiştirebilir.
İki ön ayar, vintage ve siyah-beyaz, yaygın bir görünüm için aynı anda birden fazla değer grubunu ayarlar. Öğenin kendisi yerine öğenin arkasında filtrelemeye geçmek için 'backdrop-filter' öğesini etkinleştirin — camdan yapılmış panellerde standart seçim — ve çıkış biçimini değiştirerek düz CSS satırı yerine Tailwind keyfi değer sınıfı alın.
Sayısal alanlar otomatik olarak makul aralıklara kıstlanır, bu nedenle yanlışlıkla büyük veya negatif bir değer çıkışı hiçbir zaman bozmaz; gölge rengi alanı herhangi bir CSS rengi değerini kabul eder. Sonuç herhangi bir ayarı değiştirdiğiniz sürece gerçek zamanlı olarak güncellenir ve çıktı üstündeki sayaç kaç işlevin gerçekten aktif olduğunu sayar.
Her şey tarayıcınızda yerel olarak çalışır — buraya girdiğiniz hiçbir şey yüklenmez veya başka yere gönderilmez. Sonucu kopyalayın, .txt dosyası olarak indirin veya başka bir aracın girdisine göndererek çalışmaya devam edin.