入场与退场 · 出现和消失
揭示Reveal
- 神秘
- 有节制
- 分层
用遮罩或裁剪把元素一点点露出来，像幕布被拉开，而不是整体变透明。
什么时候用它
适合标题、图片等需要一点戏剧感的单块内容；只是常规出现就用“淡入”。
参数
400ms · cubic-bezier(0.22, 1, 0.36, 1) · clip-path: inset(0 100% 0 0)→inset(0)
配方
揭示 → clip-path inset(0 100% 0 0) → inset(0) @ 400ms cubic-bezier(0.22, 1, 0.36, 1)
给 AI 的一句话
给这个标题加揭示入场：clip-path 从 inset(0 100% 0 0) 展开到 inset(0)，从左侧揭开，400ms，cubic-bezier(0.22, 1, 0.36, 1)。