← CSS Support IndexDoes CSS
Does CSS filter Work in HTML Email?
Tests with values `blur`, `brightness`, `grayscale`, `hue-rotate`, `invert`, `opacity`, `saturate`, `sepia` and `shadow`.
Quick Answer
Does filter work in HTML email?
The CSS filter property is supported in Outlook (Mac / Web), Apple Mail, Samsung Email, Thunderbird, and others. It is NOT supported in Gmail, Outlook (Windows), Yahoo! Mail, and others. Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS filter?
CSS support for filter across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✗ No | ✗ No | — |
| Outlook (Windows) | ✗ No | ? | — |
| Outlook (Mac / Web) | ✓ Yes | ✗ No | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ✗ No | ✗ No | — |
| Samsung Email | ? | ✓ Yes | — |
| Thunderbird | ✓ Yes | ? | — |
| ProtonMail | ✓ Yes | ✓ Yes | — |
| Fastmail | ✗ No | ? | — |
Notes
- #1 Partial. Multiple values don't work.
Frequently Asked Questions
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support filter.
Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so filter can't sneak into your markup by accident. Open the Email Builder →
