css阴影
时间: 2023-07-23 20:18:11 浏览: 102
css阴影效果,css阴影效果
CSS 阴影可以通过 box-shadow 属性来实现,具体语法如下:
```
box-shadow: h-shadow v-shadow blur spread color inset;
```
其中,h-shadow 表示水平方向的偏移量,可以为负值;v-shadow 表示垂直方向的偏移量,也可以为负值;blur 表示模糊半径,可以为 0,表示不模糊;spread 表示阴影的扩散半径,可以为正值和负值,正值表示扩散,负值表示收缩;color 表示阴影的颜色,可以使用颜色值、RGB 值、RGBA 值、HSL 值、HSLA 值、渐变等方式来定义;inset 表示是否使用内阴影,可以省略。
例如,要实现一个向右下角偏移 10px,模糊半径为 5px,颜色为 #999 的阴影效果,可以使用如下 CSS 代码:
```
box-shadow: 10px 10px 5px #999;
```
阅读全文