css - 有没有办法在 MailChimp 模板中使用 CSS3 动画/@keyframes

Question

灵感来自 this HTML newsletter,我决定在 MailChimp 模板中加入一些关键帧动画。动画本身在本地运行良好，但当它上传到 MailChimp 时，@keyframe 规则和 % 被删除。它来自这个......

@keyframes fadein {
    0% { opacity:0 }
    100% { opacity:1 }
}

...到这个...

0 { opacity: 0 }
100 { opacity:1 }

看起来 MailChimp 没有解析它并去除元素。我在 MailChimp 支持中搜索有关此的任何信息时运气不佳。有没有人找到解决这个问题的聪明方法？

Answer 1

您可以将 CSS3 动画与 Mailchimp 一起使用，方法是将所需的 CSS 放入外部 CSS 文件中，例如

<link rel="stylesheet" href="https://example.com/email/style.css">

我已经通过许多电子邮件事件成功地做到了这一点，它们在 iPhone、iPad 和 Mac 上看起来都不错。