仅在标签内使用样式属性的动画或过渡
Animation or transition just using style attribute inside a tag
有可能吗?
我的意思是:
<div style="?css animation?"> Content </div>
它可以是任何标签,也可以是从其他标签触发动画或过渡。
这个问题是因为我想在网络应用程序中使用动画和过渡,但是这个应用程序只让我使用样式标签属性中包含的css。
伪类我猜是不可能的,所以我不能触发转换,我也不能使用 javascript,所以 onmouseover 或类似的东西是不可能的。
另一方面,动画需要关键帧设置,而我不能在样式标签内设置关键帧..(我可以吗?)。我在这里读到类似的东西:
https://css-tricks.com/animate-to-an-inline-style/
但我想这对我的要求不起作用。
不确定是否存在从属性导入 css 或仅在 chrome 浏览器中实现动画的黑客攻击(另一件事,我无法访问 html).
是的,我知道,这似乎是不可能完成的任务,我只是想知道即使动画非常有限,是否有某种技巧可以实现这一目标。
谢谢你的时间。
不,我相信。
至少对于您提到的那些需要 :hover
或 keyframes
的动画。但是,可以通过在同一 html 页面中包含附加到 <style>
的动画。或者通过在同一个 html 页面上使用 js 代码注入 css 代码。如果您同意 CSS 放在同一个文件中,这很适合。
The link you've mentioned is NOT using inline CSS for animation; it has a separate CSS file.
有可能吗?
我的意思是:
<div style="?css animation?"> Content </div>
它可以是任何标签,也可以是从其他标签触发动画或过渡。 这个问题是因为我想在网络应用程序中使用动画和过渡,但是这个应用程序只让我使用样式标签属性中包含的css。
伪类我猜是不可能的,所以我不能触发转换,我也不能使用 javascript,所以 onmouseover 或类似的东西是不可能的。
另一方面,动画需要关键帧设置,而我不能在样式标签内设置关键帧..(我可以吗?)。我在这里读到类似的东西: https://css-tricks.com/animate-to-an-inline-style/ 但我想这对我的要求不起作用。
不确定是否存在从属性导入 css 或仅在 chrome 浏览器中实现动画的黑客攻击(另一件事,我无法访问 html).
是的,我知道,这似乎是不可能完成的任务,我只是想知道即使动画非常有限,是否有某种技巧可以实现这一目标。 谢谢你的时间。
不,我相信。
至少对于您提到的那些需要 :hover
或 keyframes
的动画。但是,可以通过在同一 html 页面中包含附加到 <style>
的动画。或者通过在同一个 html 页面上使用 js 代码注入 css 代码。如果您同意 CSS 放在同一个文件中,这很适合。
The link you've mentioned is NOT using inline CSS for animation; it has a separate CSS file.