LogoClawIndex
案例技能关于
LogoClawIndex

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

使用 GSAP 核心补间创建和控制 DOM、SVG 及框架无关的 JavaScript 动画,包括缓动、交错和响应式动效。

标签

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

能力

典型输入

典型输出

该技能可以做什么

  • 创建 GSAP 补间
  • 制作 DOM 动画
  • 制作 SVG 动画
  • 配置缓动和时长
  • 应用交错动画
  • 控制补间实例
  • 处理响应式动效

输入

  • 动画目标
  • 补间属性
  • 动画选项
  • CSS 选择器
  • 媒体条件

输出

  • 已动画化的 DOM 元素
  • 已动画化的 SVG 元素
  • 补间实例
  • 更新后的内联样式
  • 响应式动画状态

要求

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

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建 GSAP 补间
制作 DOM 动画
制作 SVG 动画
配置缓动和时长
动画目标
补间属性
动画选项
已动画化的 DOM 元素
已动画化的 SVG 元素
补间实例