人靠衣装,机靠壳装

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

2018-06-27 09:58 发布

00
admin
湖南省 长沙市
  • 粉丝4

  • 关注1

  • 动态2

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



使用box-shadows.css阴影库,你只需要在元素上添加相应的class类,既可以快速的生成相应的阴影效果。


使用方法

在页面中引入box-shadows.css文件。

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


HTML结构

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

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


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

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


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

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


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


box-shadows.css的github地址为:https://github.com/madeas/box-shadows.css

授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

官方网站: 暂无

在线演示

0
猜你喜欢
更多发现
子导航JS代码