linear-gradient in HEY Mail
SupportedWebKit · webmail
Support Details
Add a solid background-color fallback before the gradient.
Before
<td style="background: linear-gradient(135deg, #667eea, #764ba2);
padding: 40px; color: #fff;">
Content here
</td>After
<!-- Always declare a solid background-color before the gradient.
Clients that strip gradients will show the fallback color. -->
<td style="background-color: #667eea;
background: linear-gradient(135deg, #667eea, #764ba2);
padding: 40px; color: #fff;">
Content here
</td>Add solid color fallback for gradient backgrounds
linear-gradient is fully supported in HEY Mail. No workarounds needed.
Other Clients
| Client | Support |
|---|---|
| Gmail | Supported |
| Gmail Android | Partial |
| Gmail iOS | Supported |
| Outlook 365 | Unsupported |
| Outlook (New) | Unsupported |
| Outlook Classic | Unsupported |
| Outlook iOS | Unsupported |
| Outlook Android | Unsupported |
| Apple Mail | Supported |
| Apple Mail iOS | Supported |
| Yahoo Mail | Unsupported |
| Samsung Mail | Partial |
| Thunderbird | Supported |
| Superhuman | Supported |
Related Features
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens Free