I was really inspired when I read about some of the interactive design possibilities in this recent blog post (https://www.emailonacid.com/emails/2016/interactive-october.html), however trying to implement and get them to work has been a bit of a fail and I want to know what I’m missing.
I even tried to copy the entire source code of the example email, yet could still not reproduce the effect, so I’m stumped. This sample code below seems to do the trick when in live preview in litmus, but when sent in an email (and viewed both in safari and chrome gmail)... nothing!
Would love some guidance here – what am I missing?
transition: all 0.3s linear;
<table width="600" cellspacing="0" cellpadding="0" border="0">
<img src="https://s24.postimg.org/a734zx70l/image.png" width="auto" style="border-width:0;width:600px;max-width:auto;height:auto;" id="iconArea1">