BlurText

通过逐字变清晰、淡入与轻微上移呈现标题和短段落，保持自然换行、字号、行高与文字基线，适合欢迎语、介绍文案和内容揭示。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中；本页展示网站用法，支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费，不属于项目，不占项目或开发者席位额度，无需 SnowUI 注册、激活或付费证明。

如何使用

静态内容使用 Text；模糊揭示使用 BlurText；纵向换字使用 SlotText / FlowText；字符扰动使用 ScrambleText。BlurText 接收纯文本，不承接富文本子树，不解释数字或计时器语义。长篇正文建议使用静态 Text，减少逐字滤镜的绘制成本。

import { BlurText } from '@snowui-design-system/components';

属性	类型	默认值	示例	描述
`text`	`string \| number`	`""`	`text="Ideas become clear."`	最终纯文本，保留空格和换行
`animated`	`boolean`	`true`	`animated`	关闭时立即呈现最终文本并清理内部动画
`speed`	`number`	`1.5`	`speed={0.5}`	字符启动速率，有限正数；错峰为 30ms / speed，单字固定 600ms；无效值回退 1.5
`playOnMount`	`boolean`	`true`	`playOnMount`	首次挂载且出现门禁放行后播放
`replayKey`	`string \| number`	`0`	`replayKey={replay}`	值变化时重播当前全文
`respectMotionPreference`	`boolean`	`true`	`respectMotionPreference`	遵循系统减少动效设置；运行中开启同样立即完成
`font`	`string`	`—`	`font="--font-mono"`	字体或字体 Token
`size`	`string \| number`	`—`	`size="--text-32"`	字号或字号 Token
`weight`	`string \| number`	`—`	`weight={600}`	字重
`lineHeight`	`string \| number`	`—`	`lineHeight="--leading-32"`	行高 Token、CSS 长度或无单位倍率
`color`	`SnowUIColor \| string`	`—`	`color="Primary"`	最终文字色，支持 PascalCase 语义色
`align`	`TextMotionAlign`	`—`	`align="center"`	文字对齐，默认继承
`motionColor`	`TextMotionColor`	`—`	`motionColor={chromatic()}`	可选逐字临时色，支持 chromatic()；结束后回到最终色