css3--box-shadow

box-shadow

说明
h-shadow 必需的。水平阴影的位置。允许负值
v-shadow 必需的。垂直阴影的位置。允许负值
blur 可选。模糊距离
spread 可选。阴影的大小
color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表
inset 可选。从外层的阴影(开始时)改变阴影内侧阴影

box-shadow: 0px 0px 3px 3px #888888;                             box-shadow: 0px 0px 3px 30px #888888;                                box-shadow: 0px 0px 30px 3px #888888;

效果图

css3--box-shadowcss3--box-shadowcss3--box-shadow

 

 

 box-shadow: 10px 0px 3px 3px #888888;                 box-shadow: 0px 10px 3px 3px #888888;

css3--box-shadowcss3--box-shadow

box-shadow: -10px 10px 3px 3px #888888;           box-shadow: 0 -10px 3px 3px #888888;

css3--box-shadowcss3--box-shadow

 

css3--box-shadow

 

 css3--box-shadow

 

上一篇:currentColor-CSS3超高校级好用CSS变量


下一篇:力扣289题:生命游戏