← CSS Support Index

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 ClientDesktopMobile / WebNotes
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.

Open Email Previewer

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 →