Motion / 动效

动效样张

每个动效都对应一次操作或状态变化。下面可以重放进入、列表、按钮、提示和弹层效果;演示内容不会写入个人档案。主题和动效会遵循系统的减少动态效果设置。

三条曲线

snap --ef-snap

cubic-bezier(0.16, 1, 0.3, 1)

迅速到位后稳住:出现、列表行右移、逐行入场。

mech --ef-mech

cubic-bezier(0.7, 0, 0.2, 1)

慢起、硬停,像闸门:快门、擦入、灌满、页签伸开,以及所有退出。

ease --ef-ease

cubic-bezier(0.2, 0.7, 0.1, 1)

普通过渡,只给三色条扫过和颜色变化。

打开页面

三色条扫过

一次访问的第一页 │ 600 │ ease

字标推入

GARDEN.ARCHIVE

展示页 │ 620,第二行晚 140 │ mech

马克笔划过

一句话说明这是什么

展示页 │ 晚 420,420 │ mech

乱码后落定

16已发布2待审7草稿

打开页面 │ 600,每个晚 ≤ 40 │ 线性

通电

第一行看板
第二行看板
打开控制台 │ 520,每行晚 100 │ mech

逐行亮起

  1. 012026.10.26新增一条档案记录
  2. 022026.10.26编辑随笔
  3. 032026.10.26打开成果详情
切换列表内容 │ 320,每行晚 38 │ snap

圆盘组装

打开控制台 │ 360,每段晚 45 │ snap

回应操作

黄色擦入、按下

指向 / 聚焦 │ 280 │ mech;按下 100指向它

页签伸开

文章 全部

指向或聚焦这块看板

指向看板 │ 400 │ mech指向它

墨色灌满

指向空心大编号 │ 450 │ mech指向它

保存:处理中,然后完成

aria-busy → 完成一次擦过 600 │ mech按它

分段进度

Syncing / 同步中025%
Connecting / 连接中——
按格跳,不平滑 │ 未知进度循环,完成即停

进出与状态变化

提示擦入

这个地址已经被另一个作品使用。

出错 / 需要注意 │ 280 │ mech;不抖动

删除一行

    向右擦掉 200 │ mech;下面的行上移 200 │ snap

    提示条

    从左擦入 280,停 2 秒,
    向右擦掉 160

    操作完成 │ mech

    底部面板

    推入 360,退出 240;
    遮罩淡入 200

    mech │ 不弹跳

    对话框

    通电 280,关上 180

    mech

    深浅揭幕

    从按钮处扩散的圆,
    约 3000 像素/秒,240–600

    切换主题 │ mech

    入场时间轴

    一整段入场不超过 1 秒。亮色的是这一页的主角,最先开始;其余的跟在后面,错开的间隔只用 38、45、100 三档。

    ARCHIVE / ACTIONS档案记录操作

    Confirm

    删除这条记录?

    已选记录会从当前浏览器档案中移除,无法恢复。