我们通常不会考虑电子邮件中的 CSS 动画或过渡,或者在尴尬的偶尔 GIF 之外进行任何移动。但是,您确实没有理由不能在 HTML 电子邮件中使用它们,尤其是在以一种渐进增强友好的方式执行此操作时。例如,您可以 为链接设置悬停状态样式 和 抖动动画,但如果动画(甚至悬停)不起作用,它仍然是一个功能性链接。哎呀,您可以在电子邮件中使用 CSS 网格,信不信由你。
Jason Rodriguez 刚刚撰写了《理解 电子邮件中的 CSS 动画:过渡和关键帧动画》,其中介绍了一些可能性。在支持 CSS 过渡和关键帧动画的电子邮件客户端支持列表中,包括 Apple Mail、Outlook 和 AOL 邮件等。
其他需要关注的事项
- Email on Acid:终极电子邮件 CSS 动画指南
- FreshInbox:动态电子邮件 CSS 支持
- Campaign Monitor:CSS(动画)终极指南
- camiah 的令人难以置信的技巧