动效词汇表MOTION LEXICON
GitHub 源码

一部看得见的动效词典

先看见,再说准。

把脑海里的动效,变成能沟通、能实现的设计。

在真实交互里找灵感,把模糊的感觉说具体。查术语、调参数、取代码。 组合动效配方,交给 AI 或协作者。

浏览动效图鉴
动效灵感签23 种精选动效
滚动抽帧播放滚动驱动

「滚一下就像在拖视频进度条」

上浮 16px · 时长 420ms · 间隔 90ms

逐项出现,让视线自然跟着列表的顺序移动。

03 /点击 · 形态变化

一点,变个模样。

七种形态,也可以拖动旋转。

按场景找
0 术语 0 分类 0 实演类型

缓动实验室 Easing Lab

调曲线、比速度,找到刚刚好的运动节奏。

展开实验室收起实验室

选一条曲线

看它运动 灰色 = 匀速参照

实演 · 当前曲线
expo-outcubic-bezier()
0.16
1.00
0.30
1.00