LogoClawIndex
案例技能关于
LogoClawIndex

anime-js - Anime.js动画原则实现

使用Anime.js库实现迪士尼12个动画原则

标签

更新于: 2026-02-23

能力

典型输入

典型输出

该技能可以做什么

  • 创建挤压拉伸动画
  • 实现预备动作效果
  • 应用舞台布置技术
  • 创建姿势到姿势动画
  • 添加跟随动作
  • 应用缓入缓出效果
  • 创建弧形运动
  • 添加次要动作
  • 控制动画时序
  • 应用夸张效果
  • 创建3D透视动画
  • 增强视觉吸引力

输入

  • Anime.js库
  • HTML/CSS元素
  • 动画目标
  • 时间线配置
  • 缓动函数
  • 关键帧数据

输出

  • CSS属性动画
  • 变换后的元素
  • 时间线序列
  • 交错效果
  • 运动路径

要求

  • Anime.js库
  • 现代浏览器支持
  • JavaScript环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
动画
网页开发
JavaScript
UI效果
动效设计
创建挤压拉伸动画
实现预备动作效果
应用舞台布置技术
创建姿势到姿势动画
Anime.js库
HTML/CSS元素
动画目标
CSS属性动画
变换后的元素
时间线序列