animation in AOL Mail
UnsupportedAOL · webmail
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
| 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 |
| Outlook for Mac | Supported |
| Apple Mail | Supported |
| Apple Mail iOS | Supported |
| Yahoo Mail | Unsupported |
| Yahoo Mail Android | Unsupported |
| Yahoo Mail iOS | Unsupported |
| Samsung Mail | Supported |
| Thunderbird | Unsupported |
| HEY Mail | Supported |
| Proton Mail | Unsupported |
| Fastmail | Supported |
| Superhuman | Partial |
Related Features
Test your email across all 21 clients
Preview rendering, catch CSS issues, and get actionable fixes. Free.
Try Emailens Free