HOVER ME!
安装
用法
import { HyperText } from "@/components/magicui/hyper-text";<HyperText>Hover me</HyperText>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
children | string | - | 要动画化的文本内容 |
className | string | - | 要应用于组件的类名 |
持续时间 | number | 800 | 动画时长，单位为毫秒 |
延迟 | number | 0 | 动画开始前的延迟（毫秒） |
as | React.ElementType | "div" | 渲染为的组件 |
startOnView | boolean | false | 当组件在视图中时开始动画 |
animateOnHover | boolean | true | 启用悬停动画 |
characterSet | string[] | A-Z | 用于打乱效果的自定义字符集 |