Menu
Is it possible to use gradients on elements in newsletter emails, using CSS? Is the full property supported?
708
Gradients are incredibly versatile and a great way to add depth to an email design. They can be attention-grabbing with contrasting colors, or used as a subtle enhancement with the use of tones and tints.
Unfortunately, Outlook does not support linear-gradients.
To add a gradient overlay to a text element, we need to set three different CSS properties to the text we want to style: background-image: <gradient> background-clip: text. text-fill-color: transparent.
Add a background color, gradient, texture, pattern, or picture. Begin writing your message, and then click Options > Page Color. Pick a color, or click More Colors to get more options. To remove the color, click No Color.
In short, no.
Email clients very rarely support HTML5 or CSS3, and so it will break in any clients that don't.
You could always have a fallback, but the load time won't change too much, and adding CSS3 simply adds more code to keep track of.
I would recommend using image tags and hosting the images on your server, and that's if you really have to use gradients at all.
With email, generally the simpler the better. Personally, I prefer recieving plain text.
91
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
