CSS property · data last changed 10 Nov 2026
transition in email clients
Works in 4 of 21. Not supported in Gmail, Gmail Android, Gmail iOS and 7 more. Partial in Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS and 4 more.
Safe to leave in: where it is not supported, the email renders the same.
caniemail (MIT) via @emailens/engine 0.18.22
What to do instead in Outlook Classic
Transitions don't work in email; style the default state well
.button {
/* Use the most visually appealing state as default.
:hover is only supported in a few clients. */
background-color: #6d28d9;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}Show the original
.button {
background-color: #6d28d9;
transition: background-color 0.2s;
}
.button:hover {
background-color: #5b21b6;
}No signup · Five clients free, Outlook Classic included · All 21 with an account
The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
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 →
transition is not among the 24 features we have screenshotted on real installs. The ones we have →
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 |
| Proton Mail | Not supported |
| Yahoo Mail | Partial See caveat 1 |
| Yahoo Mail Android | Partial See caveat 1 |
| Yahoo Mail iOS | Partial See caveat 1 |
| Samsung Mail | Partial See caveat 2 |
| HEY Mail | Partial See caveat 3 |
| AOL Mail | Partial See caveat 1 |
| Superhuman | Partial See caveat 5 |
Works in 4: Apple Mail, Apple Mail iOS, Thunderbird and 1 more. Show all
| Client | Support |
|---|---|
| Apple Mail | Works |
| Apple Mail iOS | Works |
| Thunderbird | Works |
| Fastmail | Works See caveat 4 |
Caveats (5)
- 1. Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, AOL Mail: Partial. Longhand properties are not supported. Buggy. The
allkeyword is not supported. - 2. Samsung Mail: Partial. Not supported with Outlook accounts.
- 3. HEY Mail: Buggy.
transition-durationis forced to0on a global reset style. - 4. Fastmail: Transition properties are supported but pseudo-classes like
:hoverare not. - 5. Superhuman: Partial. Blink runs transitions, but the user's reduced-motion setting may 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
transition 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.