Skip to main content

transform in Outlook (New)

UnsupportedOutlook Web · desktop

Fix & Workaround

CSS transforms are not supported in email. Pre-render the effect as an image.

Before

<div style="transform: rotate(45deg);">
  Rotated content
</div>

After

<!-- Pre-render rotated content as an image -->
<img src="rotated-content.png" width="200" height="200"
  alt="Rotated content"
  style="display: block; border: 0;" />

Pre-render transformed states as images or use table layout

Other Clients

ClientSupport
GmailUnsupported
Gmail AndroidUnsupported
Gmail iOSUnsupported
Outlook 365Unsupported
Outlook ClassicUnsupported
Outlook iOSUnsupported
Outlook AndroidUnsupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailUnsupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanPartial

Related Features

Test your email across all 15 clients

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

Try Emailens Free