LogoClawIndex
案例技能关于
LogoClawIndex

gsap-core - 使用 GSAP Core 创建 DOM 与 SVG 动画

使用 GSAP 核心补间 API 创建和控制动画,支持缓动、时长、错峰、默认值、响应式匹配和减少动效。

标签

更新于: 2026-09-29
GSAPJavaScript 动画DOM 动画SVG 动画响应式动画减少动效补间动画

能力

创建 GSAP 补间制作 DOM 元素动画制作 SVG 元素动画配置缓动和时长

典型输入

动画目标补间变量响应式条件

典型输出

已动画化的 DOM 属性已动画化的 SVG 属性补间实例

该技能可以做什么

  • 创建 GSAP 补间
  • 制作 DOM 元素动画
  • 制作 SVG 元素动画
  • 配置缓动和时长
  • 应用错峰动画
  • 设置动画默认值
  • 匹配响应式条件
  • 遵循减少动效设置
  • 控制补间播放
  • 制作 CSS 属性动画

输入

  • 动画目标
  • 补间变量
  • 响应式条件
  • 减少动效偏好
  • JavaScript 环境

输出

  • 已动画化的 DOM 属性
  • 已动画化的 SVG 属性
  • 补间实例
  • 更新后的动画状态

要求

  • JavaScript 运行环境
  • GSAP 核心库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。