文字特效 · 字怎么动
翻转文字Text flip
- 立体
- 轮换
- 有停顿
一个词向前倒下去、下一个从后面立起来，中间有一瞬间是空的 —— 那个空档就是「翻过去了」的证据。写死的句子配一个会变的词，是首页标题的标准写法。
什么时候用它
适合「一句不变的话 + 一个会换的词」：首页标题里轮换产品名、卖点、问候语。别拿它换整段句子或长短差很多的两个词 —— 盒子高度会跳，读者也来不及看完；也别让它快过 1.5 秒一轮，轮换太快就变成闪。
参数
perspective 640px · out 260ms ease-in / in 340ms ease-out · 2s per cycle
配方
翻转文字 → 260ms ease-in翻转文字 → perspective 640px · out 260ms ease-in / in 340ms ease-out · 2s per cycle
给 AI 的一句话
做一个翻转文字：固定一句引导语，下面一个词在定高的盒子里居中，每 2 秒换一次。切换分两拍：旧的先绕 X 轴向前倒下（rotateX 0 到 -86deg、淡出、轻微模糊，260ms、ease-in）；落定后立刻把文字换成新词，再从后面立起来（rotateX 84deg 到 0、淡入、去模糊，340ms、ease-out）。容器给 perspective 640px 并保留 3D。出去比进来快 —— 两个时长一样会糊成一团。中间那一帧的空档要留着，那是「翻过去了」的证据。