box-shadow in Apple Mail
SupportedWebKit · desktop
Support Details
Use border styling as an alternative to box-shadow.
Before
.card {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}After
.card {
border: 1px solid #e0e0e0;
/* box-shadow as progressive enhancement */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}Use border as a fallback for box-shadow
box-shadow is fully supported in Apple Mail. No workarounds needed.
Other Clients
| Client | Support |
|---|---|
| Gmail | Unsupported |
| Gmail Android | Partial |
| Gmail iOS | Partial |
| Outlook 365 | Supported |
| Outlook (New) | Unsupported |
| Outlook Classic | Unsupported |
| Outlook iOS | Supported |
| Outlook Android | Supported |
| Apple Mail iOS | Supported |
| Yahoo Mail | Unsupported |
| Samsung Mail | Supported |
| Thunderbird | Supported |
| HEY Mail | 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