Javascript 在运行时定义CSS关键帧_Javascript_Html_Css_Animation

Javascript 在运行时定义CSS关键帧

javascript html css animation

Javascript 在运行时定义CSS关键帧,javascript,html,css,animation,Javascript,Html,Css,Animation,我有一个JS项目，我正在尝试为CSS3动画定义一些关键帧。问题是动画步骤及其值（HTML对象位置等）应由外部数据库（XML文件）填充。我在运行时加载这些XML文件（所以在加载CSS文件之后），并希望在此时填充关键帧我想用HTML元素的style属性来解决这个问题，但我唯一发现的是：但这只会帮助我，如果我有一个固定的起点，只有一个动态点（终点）。那不是我的情况。我有一个未指定数量的动态步骤如何解决此问题？动态生成样式规则。您可以动态添加样式元素。正如@T.J.Crowder所说，动态更新CS

我有一个JS项目，我正在尝试为CSS3动画定义一些关键帧。问题是动画步骤及其值（HTML对象位置等）应由外部数据库（XML文件）填充。我在运行时加载这些XML文件（所以在加载CSS文件之后），并希望在此时填充关键帧

我想用HTML元素的

style

属性来解决这个问题，但我唯一发现的是：

但这只会帮助我，如果我有一个固定的起点，只有一个动态点（终点）。那不是我的情况。我有一个未指定数量的动态步骤

如何解决此问题？

动态生成样式规则。您可以动态添加

样式

元素。正如@T.J.Crowder所说，动态更新CSS，如果设置（或重置）了转换，它应该可以完成这项工作。您还可以动态修改样式规则。@T.J.Crowder这实际上是一个非常好的主意！我现在不知道怎么做，但我会找到答案的。非常感谢！：-）起点：动态生成样式规则。您可以动态添加

样式

元素。正如@T.J.Crowder所说，动态更新CSS，如果设置（或重置）了转换，它应该可以完成这项工作。您还可以动态修改样式规则。@T.J.Crowder这实际上是一个非常好的主意！我现在不知道怎么做，但我会找到答案的。非常感谢！：-）起点：