53种CSS3阴影效果的CSS样式库

53种CSS3阴影效果的CSS样式库

box-shadows.css是一款集成了53种CSS3阴影效果的CSS样式库。使用box-shadows.css阴影养生库,你只需要在元素上添加相应的class类,既可以快速的生成相应的阴影效果。

使用方法
在页面中引入box-shadows.css文件。

1
<link rel="stylesheet" href="box-shadows.css">

HTML结构
在页面中需要添加的阴影效果的元素上添加bShadow class。

1
<div class="bShadow"></div>

然后添加你需要的阴影效果的class类,例如:

1
<div class="bShadow bShadow-1"></div>

或者,可以直接添加阴影效果的class类,而不用添加bShadow class。

1
<div class="bShadow-1"></div>

bShadow是一个主题分类,可用的分类还有:bShadow-light(默认)和bShadow-inset,通过它们配合阴影classbShadow-数字,可以生成不同的阴影效果。

文件信息:

    1

    发表评论