AsUI

文字阴影

# 基础用法

下面是文字阴影的基础用法。

<template>
  <div class="t-text-shadow-area">
    <as-animation-text-shadow start-color="yellow" end-color="black" content="animation">
    </as-animation-text-shadow>
  </div>
</template>

<script>
export default {
  name: "t-text-shadow"
}
</script>

<style>

</style>
Expand Copy

# Attributes

参数 说明 必填
letter-spacing 字母间隔,单位px。类型为Number,默认值为10。 否
font-size 字体大小,单位px。类型为Number,默认值为48。 否
font-weight 字重。类型为Number,默认值为600。 否
content 文字内容。String,默认值为COLORFUL。 否
start-color 动画开始颜色。类型为String,默认值为#FAEBD7。 否
end-color 动画结束颜色。类型为String,默认值为#FF0266。 否
animation-delay 动画间隔时间。类型为Number,默认值为0.1。单位为s 否

← 文字伸展 →