LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

gsap-core - 创建和控制 GSAP 核心动画

使用 GSAP 补间创建和控制 JavaScript、DOM、SVG、响应式及减少动效动画。

标签

更新于: 2026-09-29
GSAPJavaScript动画补间缓动错位DOMSVG响应式动画减少动效

能力

典型输入

典型输出

该技能可以做什么

  • 创建 GSAP 补间动画
  • 动画化 DOM 和 SVG
  • 应用缓动函数
  • 错开多个目标
  • 设置动画默认值
  • 控制响应式动画
  • 遵循减少动效设置

输入

  • JavaScript 应用
  • DOM 或 SVG 目标
  • 动画属性
  • 持续时间和延迟值
  • 缓动配置
  • 错位配置
  • 媒体查询条件

输出

  • 已动画化的 DOM 或 SVG 属性
  • 补间实例
  • 更新后的动画状态
  • 响应式动画行为

要求

  • JavaScript 运行环境
  • GSAP 核心库
  • matchMedia 所需的媒体查询支持

来源

  • 规范: SKILL.md
创建 GSAP 补间动画
动画化 DOM 和 SVG
应用缓动函数
错开多个目标
JavaScript 应用
DOM 或 SVG 目标
动画属性
已动画化的 DOM 或 SVG 属性
补间实例
更新后的动画状态