GradientBorder 渐变边框

用于给内容容器提供动态渐变边框效果。

GradientBorder 渐变边框

用于给内容容器提供动态渐变边框效果。

基础用法

GradientBorder

示例即将加载...

<template>
  <TxGradientBorder :padding="16" :border-radius="16">
    <div style="background: var(--tx-bg-color); border-radius: 12px; padding: 16px;">
      Content
    </div>
  </TxGradientBorder>
</template>

API

Props

属性名	类型	默认值	说明
`as`	`string`	`'div'`	根元素标签
`borderWidth`	`string \| number`	`'2px'`	边框宽度
`borderRadius`	`string \| number`	`'12px'`	圆角
`padding`	`string \| number`	`'12px'`	内边距
`animationDuration`	`number`	`4`	动画周期（秒）

Dev

上一章GlowText 扫光下一章 GradualBlur 渐变模糊