Skip to main content

transition in Apple Mail

SupportedWebKit · desktop

Support Details

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

transition is fully supported in Apple Mail. No workarounds needed.

Other Clients

ClientSupport
GmailUnsupported
Gmail AndroidUnsupported
Gmail iOSUnsupported
Outlook 365Unsupported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSUnsupported
Outlook AndroidUnsupported
Apple Mail iOSSupported
Yahoo MailPartial
Samsung MailPartial
ThunderbirdSupported
HEY MailPartial
SuperhumanPartial

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free