仅在标签内使用样式属性的动画或过渡答案

【问题标题】：Animation or transition just using style attribute inside a tag仅在标签内使用样式属性的动画或过渡
【发布时间】：2017-01-11 11:51:28
【问题描述】：

有可能吗？
我的意思是：

<div style="?css animation?"> Content </div>

它可以是任何标签，也可以是从其他标签触发动画或过渡。这个问题是因为我想在 web 应用中使用动画和过渡，但是这个应用只是让我使用 style 标签属性中包含的 css。

我想伪类是不可能的，所以我不能触发转换，我也不能使用 javascript，所以 onmouseover 或类似的东西是不可能的。

另一方面，动画需要它们的关键帧设置，我不能在样式标签内设置关键帧..（或者我可以吗？）。我在这里读到了类似的东西： https://css-tricks.com/animate-to-an-inline-style/ 但我想这对我的要求不起作用。

不确定是否存在从属性导入 css 或仅在 chrome 浏览器中实现动画的 hack（另一件事，我无法访问 html 的 head 部分）。

是的，我知道，这似乎是不可能完成的任务，我只是想知道是否有某种技巧可以实现这一点，即使动画非常有限。感谢您的宝贵时间。

【问题讨论】：

【解决方案1】：

不，afaik。

至少不适用于您提到的那些需要:hover 或keyframes 的动画。但是，可以通过在同一 html 页面中包含附加到 <style> 的动画来实现。或者通过在同一个 html 页面上使用 js 代码注入 css 代码。如果您可以接受 CSS 放在同一个文件中，这很适合。

您提到的链接是不使用内联 CSS 进行动画；它有一个单独的 CSS 文件。

【讨论】：

是的，但我不能使用，即自动从代码中删除。我知道实现这一目标的可能性几乎没有，但我会提出这个问题，以防万一有一些我以前没有想到的黑客行为。几天后，我会将其标记为已回答。另外，是的，我知道链接示例没有帮助，但也许您不需要设置 To 或 100% 的事实可能有助于找到另一种方法。
那我觉得有点难，可能你需要找一个hack！你这样做是为了电子邮件还是什么？
我正在为一个名为 (mercado libre) 的页面执行此操作，您可以在其中使用 html 插入产品描述。 buf 似乎出于某些安全风险，他们只允许标签中包含 css。