如何不使用keyframes，仅通过transition实现可动态设URL的动画？

• 我没有采用 @keyframes 来实现动画，核心原因是每个动画都需要绑定唯一的URL——如果用关键帧方案，我得手动创建100余个不同的关键帧规则，这不仅工作量大，后续维护起来也非常繁琐。
• 我原本的计划是结合CSS transition 和 JavaScript，通过JS动态设置不同的URL来触发过渡动画，但实际运行后，最终效果完全不符合我的预期。

内容的提问来源于stack exchange，提问作者Pegos