LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

gsap-core - 构建 GSAP 核心动画

创建和讲解 GSAP 核心补间、缓动、时长、交错、变换、默认值及响应式或减少动效动画。

标签

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

能力

典型输入

典型输出

该技能可以做什么

  • 创建 GSAP 补间动画
  • 配置动画缓动
  • 设置时长和延迟
  • 交错处理多个目标
  • 制作 CSS 和 SVG 动画
  • 控制补间实例
  • 应用响应式媒体查询
  • 支持减少动效

输入

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

输出

  • GSAP 动画代码
  • 完成动画的 DOM 元素
  • 完成动画的 SVG 元素
  • 补间状态变化

要求

  • JavaScript 运行环境
  • GSAP 库
  • 用于元素动画的 DOM 或 SVG 目标

来源

  • 规范: SKILL.md
创建 GSAP 补间动画
配置动画缓动
设置时长和延迟
交错处理多个目标
动画目标
动画属性
缓动配置
GSAP 动画代码
完成动画的 DOM 元素
完成动画的 SVG 元素