仅使用标记内的样式属性进行动画或转换

时间:2016-09-03 14:33:19

标签: css animation inline-styles

有可能吗?
我的意思是:

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

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

我觉得伪问题是不可能的,所以我不能触发转换,也不能使用javascript,所以onmouseover或类似的东西都是不可能的。

另一方面,

动画需要关键帧设置,我无法在样式标记内设置关键帧..(或者我可以吗?)。我在这里读了类似的东西: https://css-tricks.com/animate-to-an-inline-style/ 但我想这对我要问的东西不起作用。

不确定是否存在从属性导入css或仅在chrome浏览器中实现动画的黑客攻击(另一方面,我无法访问html的head部分)。

是的,我知道,这似乎是不可能的任务,我只是想知道即使动画非常有限,也有某种技巧可以达到目的。 谢谢你的时间。

1 个答案:

答案 0 :(得分:1)

不,afaik。

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

  

您提到的链接 NOT 使用内联CSS动画;它有一个单独的CSS文件。