请教一个前端动画问题

[dongdongdong]

效果

https://imgur.com/a/CIrc10E


源代码
https://github.com/yewanting/MyAwesomeCode/tree/master/7.%E4%BB%BF%E7%BD%91%E6%98%93%E4%BA%91%E8%BD%AE%E6%92%AD%E5%9B%BE

这个关键帧动画我怎么都调不出这种效果，使用 figma smart animate 生成的动画，动画确实是个难点

谢谢大佬

[TomVista]

了解下这个 @keyframes

[dongdongdong]

@TomVista 就是用的这个，但是调不出一模一样的效果

[weeesti470]

我看了一下你的代码， 我觉得可以用 transform opacity , 再加一个 will-change, 别频繁改动 index ，这个就换成 opacity ， 用 transform(scale/tranlateX) 替代 left 。