CSS property · 10 real installs 14 Oct 2026 · data last changed 10 Nov 2026
animation in email clients
Works in 5 of 21. Not supported in Gmail, Gmail Android, Gmail iOS and 12 more. Partial in Superhuman.
Your reader in Outlook Classic sees the email without animation, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
The fix for Outlook Classic
Replace CSS animation with an animated GIF
<!-- Use an animated GIF for the effect -->
<img src="https://example.com/badge-animated.gif"
width="60" height="24" alt="New!"
style="display: inline-block; border: 0;" />Show the original
<style>
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.badge { animation: pulse 2s infinite; }
</style>
<span class="badge">New!</span>The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
animation on 10 real installs
One Emailens probe, screenshotted on each install on 14 October 2026, next to our live preview of the same client. Where animation is supported you should see: green (red means unsupported).
caniemail: animation is not supported in Outlook Classic.
caniemail: animation is not supported in Outlook 365.
This Outlook.com install drops the <style> in the head, so only inline styles apply.
caniemail: animation is not supported in Yahoo Mail.
caniemail: animation works in Apple Mail.
caniemail: animation works in Apple Mail iOS.
Also captured, not counted as evidence (3)
- Outlook for Microsoft 365 · not mapped to an engine client yet Real screenshot
- Outlook 2019 for Mac (legacy app) · not counted as Outlook for Mac Real screenshot
This is the legacy Outlook for Mac app. The new Outlook for Mac, which the table describes, drops gradients, grid sizing functions, var() and more.
- Gmail (web) · not counted as Gmail Real screenshot
This Gmail install does not apply Gmail's sanitiser, so it shows more than real Gmail does.
Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →
All 21 clients, problems first
| Client | Support |
|---|---|
| Gmail | Not supported |
| Gmail Android | Not supported |
| Gmail iOS | Not supported |
| Outlook 365 | Not supported |
| Outlook (New) | Not supported |
| Outlook Classic | Not supported |
| Outlook iOS | Not supported |
| Outlook Android | Not supported |
| Outlook for Mac | Not supported |
| Yahoo Mail | Not supported |
| Yahoo Mail Android | Not supported |
| Yahoo Mail iOS | Not supported |
| Thunderbird | Not supported |
| Proton Mail | Not supported |
| AOL Mail | Not supported |
| Superhuman | Partial See caveat 1 |
Works in 5: Apple Mail, Apple Mail iOS, Samsung Mail and 2 more. Show all
| Client | Support |
|---|---|
| Apple Mail | Works |
| Apple Mail iOS | Works |
| Samsung Mail | Works |
| HEY Mail | Works |
| Fastmail | Works |
Caveats (1)
- 1. Superhuman: Partial. Blink can run animations; Superhuman may honor OS reduced-motion and disable them.
Caveats as recorded by caniemail (MIT), one entry per wording.
Your next question
- Does word-break work in Outlook Classic?
Works in 4 of 21 · partial in 12 · not supported in 5
fix - Does display:flex work in Outlook Classic?
Works in 18 of 21 · partial in 2 · not supported in 1
fix - Does display:grid work in Outlook Classic?
Works in 18 of 21 · partial in 2 · not supported in 1
fix - Does border-spacing work in Outlook Classic?
Works in 17 of 21 · not supported in 2 · 2 untested
fix - Does border-radius work in Outlook Classic?
Works in 16 of 21 · partial in 4 · not supported in 1
fix - Does visibility work in Outlook Classic?
Works in 13 of 21 · not supported in 8
fix
animation in Outlook Classic · Every feature in Outlook Classic · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.