Skip to main content

transition in Yahoo Mail

PartialYahoo · 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

ClientSupport
GmailUnsupported
Gmail AndroidUnsupported
Gmail iOSUnsupported
Outlook 365Unsupported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSUnsupported
Outlook AndroidUnsupported
Apple MailSupported
Apple Mail iOSSupported
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