基本使用 ​

如要使用图鸟内置的阴影样式，使用tn-shadow类即可

图鸟内置了 4 中尺寸的阴影，分别是tn-shadow、tn-shadow-sm、tn-shadow-md、tn-shadow-lg，使用时只需在需要添加阴影的元素上添加对应的类即可

tn-shadow

tn-shadow-sm

tn-shadow-md

tn-shadow-lg

使用图片作为阴影 ​

如果要针对当前背景作为阴影，可以使用tn-shadow-blur，它会将当前背景模糊化作为阴影

背景颜色作为阴影 ​

背景图片作为阴影 ​

设置阴影颜色 ​

可以使用图鸟内置的颜色值来修改边框颜色。具体颜色可选值可以参考 颜色。
在类型颜色值和内置颜色值后加上 _shadow 即可。

<div class="tn-shadow tn-type-primary_shadow"></div>
<div class="tn-shadow tn-red_shadow"></div>
<div class="tn-shadow tn-red-light_shadow"></div>

<div class="tn-shadow tn-type-primary_shadow"></div>
<div class="tn-shadow tn-red_shadow"></div>
<div class="tn-shadow tn-red-light_shadow"></div>

阴影尺寸 normal 阴影颜色 ​

阴影尺寸 sm 阴影颜色 ​

阴影尺寸 md 阴影颜色 ​

阴影尺寸 lg 阴影颜色 ​