JG
2
Rounded Corners in a responsive email without the use of images?
Hi Guys,
I was wondering if anyone has had success with creating an email that contained rounded corners without the use of images. I have stayed clear of this since it is not universally supported, but this is something my client wants to explore. The email will consist of a hero and the secondary pod will be 2 columns (each with rounded corners) which stack on top of each other when the email is viewed in mobile. Any help, tips and tricks will be greatly appreciated.
Thank you so much!!
Hi Jill,
It really just depends on what sort of client support you are happy with for your corners.
I have a very similar design - full width hero and then two side by side articles. I just use border-radius on the <td> with a backround color for each column, and I'm fairly happy with the fallback to square corners where it isn't supported. Would probably be a problem if your client has loads of Outlook opens though.
What you could do is create a radial gradient, like this:
Unfortunately there's no support in Outlook, Outlook.com or Yahoo. Works in gmail though!
This should be easier to fit into a reponsive design than border radius