Javascript 有没有一种方法可以使用转换从CSS动画的结束状态进行转换？

我理解并使用了转场和动画，但在我看来，在尝试将它们结合起来时，似乎存在一些“障碍”。例如，如果动画样式以颜色结尾，并使用

-webkit animation fill mode:forwards无限期地设置值
看。请注意，切换黄色样式使用平滑过渡，但在动画期间，使用动画只能平滑初始0-50%。如果不在动画值未设置时发生突然的瞬间更改，则无法将最终绿色状态恢复为纯白色或黄色背景。还请注意，动画在激活时完全覆盖
！重要信息
样式

我不知道spec/WD/etc中指定了多少这种行为，但就我而言，这种限制行为使得CSS动画几乎毫无价值，建议从javascript执行动画，并与转换一起使用。这样做的缺点是这样做会大大增加开销

为了解决“不清楚我在问什么”的投票问题，我要问的是如何制作一个动画，使其能够插值回到最终动画状态？
True，但是您是否尝试过为动画使用
动画方向
属性中的值
reverse
？
您的意思是创建另一个动画，例如
0%{background color:green}100%{}
？我没有考虑到这一点，这似乎不雅观，但我会用这个……使用
反向
是有限制的；同样的顺序会反过来播放。这通常是不可取的。。。。。然而，我得到了一些我更喜欢的东西。看见这里唯一的缺陷是页面加载时播放“关闭”动画。在切换过程中添加另一个类可以帮助实现这一点……有趣的是，您的解决方案，我个人发现“动画持续时间：反向”显示和隐藏保持相同效果的消息很有用，除此之外，我在Firefox中的某些动画中有不同的行为，通过javascriptSure以友好的方式添加类，但是如果您只需要一个过渡阶段，那么使用动画有什么意义呢？那就用转场吧！当然，我会对简单的动画使用过渡，我的意思是关键帧对于创建更复杂的动画非常有用，并且一步一步地操纵过渡