6XC

CSS Filter Oluşturucu

Bulanıklık, parlaklık, kontrast, gri ton, renk döndürme, doygunluk, sepya ve negatifi canlı önizlemeyle karıştırın.

1.016 görüntülenme

6XC

filter Özelliği

filter, fotoğraf düzenleme efektlerini her öğeye uygular — görsel, video, hatta tüm sayfa. Fonksiyonlar tek bildirimde zincirlenir: filter: brightness(110%) contrast(120%) saturate(130%) canlı bir "Instagram" görünümü verir; grayscale(100%) klasik anma stilidir; hue-rotate yeni görsel üretmeden renkleri değiştirir.

Sıkça Sorulan Sorular

filter performansı etkiler mi?

Çoğu filtre GPU hızlandırmalıdır ve birkaç öğede sorun çıkarmaz. En pahalısı blur'dur — özellikle mobilde, büyük yüzeylerde yarıçapı küçük tutun.

filter ile backdrop-filter farkı nedir?

filter öğenin kendisini ve içeriğini etkiler; backdrop-filter öğenin arkasında görünen alanı etkiler — glassmorphism'in kullandığı budur.

Benzer Araçlar

CSS Gradient Oluşturucu Doğrusal, dairesel ve konik CSS degradelerini canlı önizlemeyle tasarlayın, kodu kopyalayın. Oluştur CSS Box Shadow (Gölge) Oluşturucu Kutu gölgesini görsel olarak tasarlayın — kaydırma, bulanıklık, yayılma, renk, opaklık ve inset — canlı önizlemeli. Oluştur CSS Border Radius Oluşturucu Köşeleri tek tek veya hep birlikte, px ya da % olarak yuvarlayın — canlı önizleme ve kopyalanabilir CSS. Oluştur CSS Text Shadow (Yazı Gölgesi) Oluşturucu Yazı gölgesini kaydırma, bulanıklık, renk ve opaklıkla tasarlayın — örnek metin üzerinde canlı önizleme. Oluştur