好吧，我认为动态创建 它们 并不容易， @keyframes
因为它们必须是硬编码的，所以它们不灵活。
过渡稍微容易一些，因为它们可以优雅地响应Javascript进行的CSS更改。
但是，CSS过渡可以为您提供的复杂性非常有限- 很难实现具有多个步骤的动画。
这是CSS @keyframe动画要解决的问题， 但它们不提供过渡 所能 提供的动态响应水平。
但是这些链接可能对您有帮助
link1：一种生成@ -webkit-keyframe动画的工具，其中包含许多微小的步骤。这打开了无限选择宽松政策的大门。
link2
作为基础将为您提供很大的帮助，因为它提供了一个UI来创建动画并将其导出到CSS代码。
我想 这个 解决方案肯定会为您服务。
它用于动态关键帧
