Box Shadow 生成器

使用交互式视觉工具生成自定义的CSS盒阴影。

阴影属性

10px
10px
15px
0px
40%
在元素内部
预览元素

CSS 代码

box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.4);

BoxShadow.guide.title

BoxShadow.guide.description

BoxShadow.guide.guide_1_title

BoxShadow.guide.guide_1_desc

BoxShadow.guide.guide_2_title

BoxShadow.guide.guide_2_desc

BoxShadow.guide.guide_3_title

BoxShadow.guide.guide_3_desc