了解更多 • 赚取更多 • 成长更多 •
安装
示例
反向
了解更多 • 赚取更多 • 成长更多 •
用法
import { SpinningText } from "@/components/magicui/spinning-text";<SpinningText>learn more • earn more • grow more •</SpinningText>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
children | ReactElement | 以圆形运动方式动画显示的文本内容。 | |
样式 | CSSProperties | {} | 文本容器的自定义样式。 |
持续时间 | number | 10 | 完整圆形旋转动画的持续时间。 |
className | string | 文本容器的自定义类名。 | |
反向 | 布尔值 | 否 | 确定动画是否应反向旋转。 |
fontSize | number | 1 | 动画文本的字体大小（以 rem 为单位）。 |
半径 | number | 5 | 文本动画圆形路径的半径。 |
transition | 过渡 | 动画的自定义过渡效果。 | |
variants | { container?: Variants; item?: Variants; } | 容器和项目动画的变体。 |