SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-29 00:09

设计与创作

21,192 个结果

gsap-timeline

gsap-timeline 是 GSAP 官方提供的时间线(Timeline)技能,用于把多个补间动画组织成有序或并行的多步骤动画。它围绕 gsap.timeline() 构建,核心是位置参数(position parameter),可精确控制每个补间在时间线上的绝对时间、相对前后动画的偏移、或相对标签与最近动画的位置。该技能适用于制作关键帧式动画、按顺序编排动画序列、协调多个补间同时或先后播放等场景。时间线支持默认值继承、标签、嵌套、播放控制(播放、暂停、反向、跳转、重启、销毁)以及整个时间线级别的 repeat、yoyo 和回调。资料同时给出官方最佳实践与常见误区,例如优先用时间线而非 delay 串联动画、用 addLabel() 提升可读性、将 ScrollTrigger 放在时间线或顶层补间上而非内部补间。配套技能方面,单个补间与缓动使用 gsap-core,滚动驱动的时间线使用 gsap-scrolltrigger,React 中使用 gsap-react。

设计与创作34 次安装