box shadow 单边阴影 两边阴影

Posted Lisa lin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了box shadow 单边阴影 两边阴影相关的知识,希望对你有一定的参考价值。

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;

 

以上是关于box shadow 单边阴影 两边阴影的主要内容,如果未能解决你的问题,请参考以下文章

box-shadow制作各种单边,多边阴影

CSS 单边阴影

box-shadow 制作单边阴影效果,不影响其它边的效果

css3是不是可以对元素单边加阴影

CSS3四周阴影效果怎么做?

盒子阴影——Box-shadow