
0
How to make arrow shape CTA's and will they work?
Hey there,
My client would like to use an arrow shape CTA (call to action) in their email, however I am not sure if (1) it will work in desktop and (2) if it will work in responsive.
I did find a link that will create the arrow for you in CSS by making the position:right size:85px and border-width:0 that looks like it could work. But I don't know if all that will work in emails and let alone responsive ones.
Any ideas?
Thanks so much!
VW
CSS arrows do work to some extent in email however you need a VML fallback for outlook.
I did a write up on email code geek the other day
I've not tried putting this inside a link yet but it could work.
Let us know how you get on.
If you're happy with flat colors and want something more than a simple triangle, you can use a floated transparent png:
White space can be adjusted with transparent pixels in the image. This image can also be high res for mobile.
Would it be easier to not use CSS but just an image. Something like:
Thanks, Quiller - that might be a way to go but I really wanted to make it a 'bullet-proof button' somehow - those are so cool!
Mark - I am going to take a look at your article and test some code out . . . using Litmus of course! Thanks so much!