← CSS Support IndexDoes CSS
Does CSS clip-path Work in HTML Email?
Clips an element to a specified shape, hiding the parts outside the clipping region.
Quick Answer
Does clip-path work in HTML email?
The CSS clip-path property is supported in Outlook (Mac / Web), Apple Mail, Samsung Email, Thunderbird, and others. It is NOT supported in Gmail, Outlook (Windows), Yahoo! Mail. Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS clip-path?
CSS support for clip-path 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 | ✓ Yes | ? | — |
Notes
- #1 Partial. `path()` is not supported.
- #2 Partial. [Embedded SVG](/features/html-svg/) is not supported. Referencing an embedded SVG's `<clipPath>` with `url()` does not work.
- #3 Partial. Referencing an external SVG's `<clipPath>` with `url()` does not work.
Frequently Asked Questions
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support clip-path.
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 clip-path can't sneak into your markup by accident. Open the Email Builder →