请教一个前端动画问题

This topic created in 460 days ago, the information mentioned may be changed or developed.

效果

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 生成的动画，动画确实是个难点

谢谢大佬

3 replies • 2025-08-13 19:50:59 +08:00

TomVista

Aug 6, 2025

了解下这个 @keyframes

dongdongdong

Aug 6, 2025

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

weeesti470

Aug 13, 2025

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