Trung BìnhCSS iconCSS

Backdrop-filter dùng để làm gì?

backdrop-filter áp dụng filter effects (blur, brightness, contrast, grayscale) cho phần background phía sau element, không phải chính element đó.

Ví dụ frosted glass: backdrop-filter: blur(10px) + background: rgba(255,255,255,0.3). Element phải có background semi-transparent để phần nền phía sau nhìn xuyên qua được.

Ứng dụng:
- Navigation bar trong suốt
- Modal overlays
- Glassmorphism card designs

Xem toàn bộ CSS cùng filter theo level & chủ đề con.

Mở danh sách CSS