有没有办法在MailChimp模板中使用CSS3动画/@关键帧

有没有办法在MailChimp模板中使用CSS3动画/@关键帧,css,animation,mailchimp,Css,Animation,Mailchimp,受此启发,我决定在MailChimp模板中加入一些关键帧动画。动画本身在本地工作得很好,但是当它上传到MailChimp时,@关键帧规则和%被删除。从这个开始 @keyframes fadein { 0% { opacity:0 } 100% { opacity:1 } } 。。。对此 0 { opacity: 0 } 100 { opacity:1 } 看起来MailChimp并没有解析它并剥离元素。我在MailChimp support中没有多少关于这方面的信息。有人找到

受此启发,我决定在MailChimp模板中加入一些关键帧动画。动画本身在本地工作得很好,但是当它上传到MailChimp时,
@关键帧
规则和
%
被删除。从这个开始

@keyframes fadein {
    0% { opacity:0 }
    100% { opacity:1 }
}
。。。对此

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

看起来MailChimp并没有解析它并剥离元素。我在MailChimp support中没有多少关于这方面的信息。有人找到了解决这个问题的聪明方法吗?

刚刚得到MailChimp支持部门的确认;他们目前不支持这种程度的定制,任何不受支持的代码都会被他们的编辑器自动删除。羞耻。

刚刚得到MailChimp支持部门的确认;他们目前不支持这种程度的定制,任何不受支持的代码都会被他们的编辑器自动删除。羞耻。

刚刚得到MailChimp支持部门的确认;他们目前不支持这种程度的定制,任何不受支持的代码都会被他们的编辑器自动删除。羞耻。

刚刚得到MailChimp支持部门的确认;他们目前不支持这种程度的定制,任何不受支持的代码都会被他们的编辑器自动删除。羞耻。

MailChimp声明CSS应该是内联的,或者可能有被删除的风险:

在HTML电子邮件中,不要将CSS放在头标签中

当您编写网页代码时,传统上您会将CSS代码放在内容上方的头标记之间。但是,当HTML电子邮件在基于浏览器的电子邮件应用程序(如YahooMail!、Gmail、Hotmail等)中查看时,默认情况下,这些应用程序会去掉头部和身体标签

我们建议您将CSS代码内联到您的内容中(注意:基于浏览器的电子邮件应用程序也会去掉您的正文标记,因此任何背景颜色或正文设置都应使用电子邮件周围100%宽的表格“包装器”来处理)

它们具有自动CSS内联功能:


MailChimp有一个CSS选择器列表,可在以下电子邮件客户端中找到:

还包括客户特定的样式:


MailChimp声明CSS应该是内联的,或者有被剥离的风险:

在HTML电子邮件中,不要将CSS放在头标签中

当您编写网页代码时,传统上您会将CSS代码放在内容上方的头标记之间。但是,当HTML电子邮件在基于浏览器的电子邮件应用程序(如YahooMail!、Gmail、Hotmail等)中查看时,默认情况下,这些应用程序会去掉头部和身体标签

我们建议您将CSS代码内联到您的内容中(注意:基于浏览器的电子邮件应用程序也会去掉您的正文标记,因此任何背景颜色或正文设置都应使用电子邮件周围100%宽的表格“包装器”来处理)

它们具有自动CSS内联功能:


MailChimp有一个CSS选择器列表,可在以下电子邮件客户端中找到:

还包括客户特定的样式:


MailChimp声明CSS应该是内联的,或者有被剥离的风险:

在HTML电子邮件中,不要将CSS放在头标签中

当您编写网页代码时,传统上您会将CSS代码放在内容上方的头标记之间。但是,当HTML电子邮件在基于浏览器的电子邮件应用程序(如YahooMail!、Gmail、Hotmail等)中查看时,默认情况下,这些应用程序会去掉头部和身体标签

我们建议您将CSS代码内联到您的内容中(注意:基于浏览器的电子邮件应用程序也会去掉您的正文标记,因此任何背景颜色或正文设置都应使用电子邮件周围100%宽的表格“包装器”来处理)

它们具有自动CSS内联功能:


MailChimp有一个CSS选择器列表,可在以下电子邮件客户端中找到:

还包括客户特定的样式:


MailChimp声明CSS应该是内联的,或者有被剥离的风险:

在HTML电子邮件中,不要将CSS放在头标签中

当您编写网页代码时,传统上您会将CSS代码放在内容上方的头标记之间。但是,当HTML电子邮件在基于浏览器的电子邮件应用程序(如YahooMail!、Gmail、Hotmail等)中查看时,默认情况下,这些应用程序会去掉头部和身体标签

我们建议您将CSS代码内联到您的内容中(注意:基于浏览器的电子邮件应用程序也会去掉您的正文标记,因此任何背景颜色或正文设置都应使用电子邮件周围100%宽的表格“包装器”来处理)

它们具有自动CSS内联功能:


MailChimp有一个CSS选择器列表,可在以下电子邮件客户端中找到:

还包括客户特定的样式:


您可以通过将所需的CSS放入外部CSS文件中,将CSS3动画与Mailchimp一起使用,例如

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


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

你可以通过将所需的CSS放入外部CSS文件(例如

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


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

你可以通过将所需的CSS放入外部CSS文件(例如

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


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

你可以通过将所需的CSS放入外部CSS文件(例如

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

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

我可以