用途:用于视频开场或 Hero 帧,把一句金句以“光标打字、逐字浮现”的方式呈现,并叠加彩色像散尾迹与定向光斑,营造 VFX 质感。
主要能力:画布为 1920×1080,背景 #06070a 或 #0a0d12,带微妙 vignette;文字居中,字号 6-8vw、weight 700,字体为 Inter Tight / Source Sans 3 / Noto Sans SC。逐字揭示间隔 80ms,当前字符后跟 cursor ▍ 或细竖条;已揭示文字为 #f5f5f7,即将揭示位置在 200ms 内收敛 chromatic ghost(text-shadow: 2px 0 #ff3b6f, -2px 0 #00d4ff)。光标为 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)。
使用方式:单文件 HTML 实现,除字体外不引用外部资源;动效用 @keyframes 加 JS 计时器(setTimeout 逐字),并支持 prefers-reduced-motion 关闭(直接显示所有字)。
限制:只用 1 个 hot pink 加 cyan 的二元像散,不做多色彩虹 chromatic;西文用 Inter Tight Bold、中文用 Noto Sans SC Bold,严禁衬线;必须使用用户提供的金句,不得捏造。其他收费、平台与效果信息暂未提供。