CSS Filtre Oluşturucu
CSS filtre özelliklerini oluşturmak ve önizlemek için görsel bir araç.
Filtre Ayarları
Her filtre özelliğini ayarlayın
Hazır Ayarlar
Önceden tanımlanmış filtre stillerini deneyin
Önizleme
Varsayılan resim üzerinde oluşturulan filtre efektlerini görün
Orijinal
Filtrelenmiş
Filter Preview
Oluşturulan CSS
filter: none;CSS Filtre Fonksiyonları Açıklaması
Görsel Efektler
- • blur(px): Bulanıklık efekti
- • brightness(%): Parlaklık ayarı
- • contrast(%): Kontrast ayarı
- • opacity(%): Opaklık ayarı
Renk Efektleri
- • grayscale(%): Gri tonlama efekti
- • hue-rotate(deg): Ton döndürme
- • invert(%): Renk ters çevirme
- • saturate(%): Doygunluk ayarı
- • sepia(%): Sepya efekti
Kullanım İpuçları
- • Birden fazla filtreyi boşluklarla ayırarak birleştirin
- • Sadece resimlere değil, herhangi bir HTML öğesine uygulayın
- • Dinamik efektler için CSS animasyonlarıyla kullanın
- • Yalnızca arka planlara uygulamak için backdrop-filter kullanın