CSS Filtre Oluşturucu
CSS filtre efektlerini (blur, brightness, contrast vb.) canlı önizleme ile ayarlayın ve CSS çıktısını kopyalayın.
Filtreler
Önizleme görseli yüklemek için tıklayın
filter: none;
Bu araç hakkında
CSS filtre oluşturucu, bulanıklık, parlaklık, kontrast, gri tonları, renk tonu döndürme, ters çevirme, opasite, doygunluk ve sepya gibi standart CSS filtre özelliklerini kullanarak görüntü efektlerini görsel olarak tasarlamanızı ve ayarlamanızı sağlar. Sayısal değerleri tahmin etmek veya CSS'yi deneme yanılma yoluyla yazmak yerine, bu araç her filtre efektinin görüntünüzde nasıl göründüğünün gerçek zamanlı bir önizlemesini sunarak istediğiniz tam görsel efekti kolayca elde etmenizi sağlar.
Bunu kullanmak için bir görüntü yükleyin veya yapıştırın, ardından her filtre efekti için kaydırıcıları veya giriş alanlarını ayarlayın. Değerleri değiştirdikçe, önizleme anında güncellenir ve sonucu hemen görebilirsiniz. Görünüşten memnun olduğunuzda, oluşturulan CSS kodunu kopyalayıp stillerinize yapıştırın. Bu yaklaşım tasarım yinelemesi sırasında zamandan tasarruf eder ve filtrelerinizin tüm tarayıcılar arasında tutarlı bir şekilde işlenmesini sağlar.
Sıkça Sorulan Sorular
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.