transition in HEY Mail
PartialWebKit · webmail
Fix & Workaround
CSS transitions are not supported in email.
Before
.button {
background-color: #6d28d9;
transition: background-color 0.2s;
}
.button:hover {
background-color: #5b21b6;
}After
.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;
}Transitions don't work in email — style the default state well
Other Clients
| Client | Support |
|---|---|
| Gmail | Unsupported |
| Gmail Android | Unsupported |
| Gmail iOS | Unsupported |
| Outlook 365 | Unsupported |
| Outlook (New) | Unsupported |
| Outlook Classic | Unsupported |
| Outlook iOS | Unsupported |
| Outlook Android | Unsupported |
| Apple Mail | Supported |
| Apple Mail iOS | Supported |
| Yahoo Mail | Partial |
| Samsung Mail | Partial |
| Thunderbird | Supported |
| Superhuman | Partial |
Related Features
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens Free