gsap-core - 使用 GSAP Core 创建 DOM 与 SVG 动画
使用 GSAP 核心补间 API 创建和控制动画,支持缓动、时长、错峰、默认值、响应式匹配和减少动效。
标签
更新于: 2026-09-29该技能可以做什么
- 创建 GSAP 补间
- 制作 DOM 元素动画
- 制作 SVG 元素动画
- 配置缓动和时长
- 应用错峰动画
- 设置动画默认值
- 匹配响应式条件
- 遵循减少动效设置
- 控制补间播放
- 制作 CSS 属性动画
输入
- 动画目标
- 补间变量
- 响应式条件
- 减少动效偏好
- JavaScript 环境
输出
- 已动画化的 DOM 属性
- 已动画化的 SVG 属性
- 补间实例
- 更新后的动画状态
要求
- JavaScript 运行环境
- GSAP 核心库
