用途:用于视频开场或 Hero 帧的文字揭示动效,光标在画布上逐字“打字”,文字逐字浮现,并带有彩色像散尾迹与定向光斑。灵感来自 hyperframes vfx-text-cursor。
主要能力:画布为 1920×1080,背景 #06070a 或 #0a0d12,可加微妙 vignette。居中显示一句金句,字号 6-8vw、weight 700,字体为 Inter Tight / Source Sans 3 / Noto Sans SC。逐字揭示,每字符间隔 80ms,当前字符后跟随 cursor ▍ 或细竖条。已揭示文字默认白色 #f5f5f7、opacity 1;即将揭示位置在 reveal 瞬间加 chromatic ghost(text-shadow: 2px 0 #ff3b6f, -2px 0 #00d4ff),200ms 内收敛回正常。光标为 16px 宽矩形,颜色取 accent(hot pink #ff3b6f / cyan #00d4ff / amber #ffb547),以 1.0s 周期闪烁,后方拖 60-120px 的 motion blur trail(径向渐变到透明)。打字位置附近随机生成 3-5 道定向光斑,使用 linear-gradient(45deg, transparent, accent20, transparent) 的细长矩形加 mix-blend-mode: screen,角度不规则。文字打完后整段加 0.5s shimmer sweep。
字段:顶部 caption 为 uppercase、letterspace 0.18em、11px、opacity 0.5,内容如 "FRAME 01 · OPENING";文字下方副标 24-28px、opacity 0.6,用于来源或章节;右下角 timecode 如 00:03:21 mono。
设计细节与限制:不使用多色彩虹 chromatic,只用 hot pink 与 cyan 的二元像散;西文用 Inter Tight Bold,中文用 Noto Sans SC Bold,严禁衬线;动效用 @keyframes 加 JS 计时器(setTimeout 逐字),可被 prefers-reduced-motion 关闭并直接显示所有字;必须使用用户提供的金句,不要捏造;单文件 HTML,除字体外不引用外部资源。
适用场景:视频开场、Hero 帧、金句逐字揭示等需要光标打字与光效的视觉呈现。
限制:资料未提供安装命令、收费、价格、平台支持或效果保证等信息,暂未提供。