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

animation in Gmail iOS

UnsupportedGmail Mobile · mobile

Fix & Workaround

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

Other Clients

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