电子邮件中的 CSS 动画和过渡

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

我们通常不会考虑电子邮件中的 CSS 动画或过渡,或者在尴尬的偶尔 GIF 之外进行任何移动。但是,您确实没有理由不能在 HTML 电子邮件中使用它们,尤其是在以一种渐进增强友好的方式执行此操作时。例如,您可以 为链接设置悬停状态样式抖动动画,但如果动画(甚至悬停)不起作用,它仍然是一个功能性链接。哎呀,您可以在电子邮件中使用 CSS 网格,信不信由你

Jason Rodriguez 刚刚撰写了《理解 电子邮件中的 CSS 动画:过渡和关键帧动画》,其中介绍了一些可能性。在支持 CSS 过渡和关键帧动画的电子邮件客户端支持列表中,包括 Apple Mail、Outlook 和 AOL 邮件等。

其他需要关注的事项