触发方式
点击组件、播放按钮或按 Enter / 空格，从遮罩下方逐字向上揭示；随后在原位淡出，完全不可见后才复位并开始下一轮。文字不会向下退回；工具栏可暂停和继续。 详情页播放按钮演示逐字上移揭示、原位淡出、不可见时复位；开启循环后从头继续，暂停与继续保留当前阶段进度。
起点与终点
字符 1的纵向位移：105% → 0%；字符 2的纵向位移：105% → 0%；字符 3的纵向位移：105% → 0%；字符 4的纵向位移：105% → 0%；字符 5的纵向位移：105% → 0%；字符 6的纵向位移：105% → 0%；字符 7的纵向位移：105% → 0%；字符 8的纵向位移：105% → 0%；字符 9的纵向位移：105% → 0%；整体的横向位移：0 → 0；整体的纵向位移：0 → 0；整体的缩放：1 → 1；整体的不透明度：1 → 1。
时序
揭示阶段 1160 ms，触发延迟 0 ms，三次贝塞尔曲线 cubic-bezier(0.22, 1, 0.36, 1)。随后原位淡出 406 ms，使用柔和缓入缓出；一轮共 1566 ms。
进入与退出
文字按错峰时序从下向上揭示。全部到位后保持位置不动，以揭示时长的 35% 平滑淡出至不透明度 0；完全不可见后才在遮罩下方复位，不反向下移。淡出后重新逐字上移揭示，按整轮持续循环。
重复操作与打断
一次新演示先在不可见时复位，再逐字向上揭示；淡出阶段只改变不透明度。暂停保留字符位置、透明度与阶段进度，继续时接续，不排队。
减少动态效果
遵循系统 prefers-reduced-motion，跳过延迟、循环和动画，直接呈现目标帧。观察倍速只修改 Motion 控制器 speed，不写入配置。
默认配置
这些数值来自当前维护的默认配置；编辑器草稿和调整后的导出可以不同。
{
"schemaVersion": 2,
"recipeId": "text-rise",
"durationMs": 1160,
"delayMs": 0,
"easing": [
0.22,
1,
0.36,
1
],
"offsetX": 0,
"offsetY": 0,
"scale": 1,
"loop": true,
"interruption": "retarget",
"tracks": [
{
"part": "char0",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0,
"span": 0.7724137931034483
},
{
"part": "char1",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.028448275862068967,
"span": 0.7724137931034483
},
{
"part": "char2",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.056896551724137934,
"span": 0.7724137931034483
},
{
"part": "char3",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.0853448275862069,
"span": 0.7724137931034483
},
{
"part": "char4",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.11379310344827587,
"span": 0.7724137931034483
},
{
"part": "char5",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.14224137931034483,
"span": 0.7724137931034483
},
{
"part": "char6",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.1706896551724138,
"span": 0.7724137931034483
},
{
"part": "char7",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.19913793103448277,
"span": 0.7724137931034483
},
{
"part": "char8",
"property": "y",
"values": [
"105%",
"0%"
],
"times": [
0,
1
],
"start": 0.22758620689655173,
"span": 0.7724137931034483
}
]
}源码与复用
GitHub 对应示例提供公开渲染源码、默认配置和运行入口。复用前请阅读交互说明，并保留随源码附带的第三方与字体许可；完整网页编辑器由独立工程维护。
用于自己的项目
进入编辑器运行真实预览并比较调整；本说明页不另造一份近似演示。把导出用于自己的项目后，重新检查内容、输入、焦点与布局。
目录来源标注：个人网站. 第三方示例保留自己的许可与署名；公开仓库包含全部当前动效的渲染源码；完整编辑器由独立工程维护。