← CSS Support IndexDoes CSS
Does CSS animation Work in HTML Email?
Tests for the shorthand `animation` property and its longhand equivalents.
Quick Answer
Does animation work in HTML email?
The CSS animation 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 animation?
CSS support for animation 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 | ✗ No | ✗ No | — |
| Fastmail | ✓ Yes | ? | — |
Notes
- #1 Buggy. Animation properties are supported but `@keyframes` are incorrectly prefixed.
- #2 Partial. Only supports from and to keyframes. Does not support % keyframes
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support animation.
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 animation can't sneak into your markup by accident. Open the Email Builder →