不知道动画名就先查词

帮你找到动画效果的正确名称。

animation-vocabulary 是一份动画术语反查表。你可以描述“弹一下出现”“两张图变成一张”“滚动时背景移动得更慢”等看到的效果,它会给出最接近的标准名称,并在容易混淆时列出区别。

比如,元素从小变大并带一点过冲,通常叫 Pop in;多个项目依次出现,是 Stagger;同一元素从缩略图移动并变成卡片,属于 Shared element transition;只是同一位置一张淡出、另一张淡入,则是 Crossfade。想表达柔和边缘的遮罩时,Mask 和 Clip-path 也要分清。

使用时先说你看到的行为,不要只丢一个模糊形容词。术语确定后,就能把它带进设计讨论、提示词或实现任务。如果词表里确实没有对应项,应接受“最接近的近似”而不是凭空发明名称。这个 Skill 负责命名,不负责替你设计或编写动画。

分类:设计创作

来源仓库:emilkowalski/skills

适合用来做什么

  • 将'平滑过渡效果'转换为确切的动画术语。
  • 请解释'弹性反弹'在网页动画中的具体含义。

安装 animation-vocabulary

npx skills add https://www.iskills.cc/skills/emilkowalski/skills/animation-vocabulary/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 animation-vocabulary 的用途与原始说明

浏览全部 Skill 指南