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

Posted 和路雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了边框阴影 模糊值 x轴偏移值 y轴偏移值 模糊半径 阴影半径 || 颜色 insect,其中阴影半径可以为负值,意思是增加或减少指定数值的阴影半径相关的知识,希望对你有一定的参考价值。

盒子四周都有阴影效果:

    1. box-shadow: 0px 0px 4px 4px #c9eeff;

 

正常阴影 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;

以上是关于边框阴影 模糊值 x轴偏移值 y轴偏移值 模糊半径 阴影半径 || 颜色 insect,其中阴影半径可以为负值,意思是增加或减少指定数值的阴影半径的主要内容,如果未能解决你的问题,请参考以下文章

shadow阴影

详解CSS阴影用法——Web前端系列学习笔记

详解CSS阴影用法——Web前端系列学习笔记

5、CSS样式之动画效果

box-shadow

box shadow 单边阴影 两边阴影