box shadow单边阴影两边阴影

版权声明:本文为博主原创文章,未经博主同意不得转载 https://blog.csdn.net/qq_38215042/article/details/86370285

box-shadow语法:x轴偏移值 y轴偏移值 模糊半径 阴影半径 || 颜色 insect,其中阴影半径可以为负值,意思是增加或减少指定数值的阴影半径

正常阴影 box-shadow: 5px 5px 5px black;

在这里插入图片描述

阴影半径为负值 box-shadow: 5px 5px 5px -5px black;

在这里插入图片描述

阴影半径为正值 box-shadow: 5px 5px 5px 5px black;

在这里插入图片描述

双边阴影 box-shadow: 5px 0px 5px -5px black, -5px 0px 5px -5px black;

在这里插入图片描述

单边阴影 box-shadow: 5px 0px 5px -5px black;

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_38215042/article/details/86370285