LogoClawIndex
案例技能关于
LogoClawIndex

gsap-core - 创建 GSAP 核心动画

使用 GSAP 核心补间实现和审查缓动、时长、交错、变换、响应式行为及减少动效支持。

标签

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

能力

创建 GSAP 补间动画配置缓动和时长动画化 CSS 与 SVG 属性交错动画多个目标

典型输入

动画目标动画属性时序配置

典型输出

动画化的 DOM 元素动画化的 SVG 元素GSAP 补间实例

该技能可以做什么

  • 创建 GSAP 补间动画
  • 配置缓动和时长
  • 动画化 CSS 与 SVG 属性
  • 交错动画多个目标
  • 控制补间播放
  • 支持响应式动效设置
  • 遵循减少动效偏好

输入

  • 动画目标
  • 动画属性
  • 时序配置
  • 缓动配置
  • 响应式条件
  • 减少动效偏好

输出

  • 动画化的 DOM 元素
  • 动画化的 SVG 元素
  • GSAP 补间实例
  • 动画代码

要求

  • JavaScript 运行环境
  • GSAP 核心库
  • 浏览器 DOM 或 SVG 支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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