İçeriğe geç
LibraryCSS
Görsel ve efekt

filter

Elemana görsel filtre uygular: bulanıklık, parlaklık, renk tonu, gölge. Birden fazla filtre sırayla zincirlenir.

Katalogdaki 2.114 efekt bu özelliği kullanıyor.

Sözdizimi

filter: blur(4px) brightness(1.2) drop-shadow(0 4px 8px #000);

Dikkat

`drop-shadow`, PNG veya `clip-path` ile kesilmiş şekillerin gerçek dış hattına gölge verir; `box-shadow` ise her zaman dikdörtgen kutuya gölge çizer.

Sık kullanılan değerler

blur(8px)
Bulanıklaştırır
drop-shadow(...)
`box-shadow`'un aksine şeffaf bölgeleri takip eder
hue-rotate(90deg)
Renk tonunu döndürür
saturate(1.6)
Doygunluğu artırır

filter kullanan efektler

Katalogda ara

Hepsi çalışan gerçek efektler. Kartın üzerine gel, kaynağını görmek için aç.

İlgili özellikler