Skip to main content
Emailens/Email CSS Support
Test Your Email

animation in Apple Mail

SupportedWebKit · desktop

Support Details

CSS animations are not supported. Use animated GIFs instead.

Before

<style>
  @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
  .badge { animation: pulse 2s infinite; }
</style>
<span class="badge">New!</span>

After

<!-- 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;" />

Replace CSS animation with an animated GIF

animation 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 MailUnsupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanPartial

Related Features

!importantaccent-coloralign-itemsaspect-ratiobackdrop-filterbackground

Test your email across all 15 clients

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

Try Emailens Free