Pleasecss filters
Use with cautioncssFilters are supported by Edge 13+ and Firefox 35+ unprefixed, and in Safari 6+, Opera 15+ and Chrome 18+ with the -webkit- prefix.
- Verdict
- Use with caution
- Category
- CSS features
- Browser support
- Can I Use
- Works in
- all modern browsers
Should you use css filters in 2026?
If you really need full browser support, use Polyfilter which supports/translates to/emulates filters on Chrome 20+, Safari 6+, Firefox 4+, IE 6-9 (but not IE 10+), iOS 6+ Safari and Chrome, and Firefox 4+ on mobile.
How to use it
.thumb { filter: grayscale(1); transition: filter .2s; }
.thumb:hover { filter: grayscale(0); }
.glass { backdrop-filter: blur(8px); }