文本高亮

填充文本背景以突显文本的效果。

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/text-highlight.json"

复制并粘贴以下代码：

TextHighlight.vue

With 3s delay

Rounded text background

Color from CSS variables: use the paintbrush icon in the top right corner to change the color.

With text color change.

Prop 名称	类型	默认值	描述
`delay`	`number`	`0`	Delay before the animation starts, in `ms`.
`duration`	`number`	`2000`	Duration of the animation, in `ms`.
`text-end-color`	`string`	`inherit`	Color of the text at the end of the animation. Match WCAG recommendations.

本页