目录
  1. 1. div内阴影
  2. 2. div外阴影
box_shadow div阴影效果

div内阴影

1
box-shadow: 0px 0px 10px 5px #D0E2E9 inset;

这里写图片描述

div外阴影

1
box-shadow: 0px 0px 10px 5px #D0E2E9;

这里写图片描述

1
2
3
4
5
6
7
8
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow 0px 必需。水平阴影的位置。允许负值
v-shadow 0px 必需。垂直阴影的位置。允许负值
blur 10px 可选。模糊距离
spread 5px 可选。阴影的尺寸
color #D0E2E9 可选。阴影的颜色
inset inset 可选。将外部阴影 (outset) 改为内部阴影

www.foryh.com

文章作者: 艾小逗
文章链接: http://foryh.com/2018/11/13/box_shadowdiv阴影效果/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 艾小逗
打赏
  • 微信
  • 支付寶