box_shadow div阴影效果

版权声明:本文为博主原创文章,未经博主允许不可转载。转载请注明出处 https://blog.csdn.net/qq_32442967/article/details/82705245

div内阴影

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

这里写图片描述

div外阴影

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

这里写图片描述

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

猜你喜欢

转载自blog.csdn.net/qq_32442967/article/details/82705245