首页 > 其他分享 >CSS - 盒子阴影

CSS - 盒子阴影

时间:2023-02-12 12:45:14浏览次数:32  
标签:盒子 元素 值为 阴影 参数 10px CSS

1.盒子阴影

box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.5);

第一个参数:阴影水平方向的偏移 x轴,值为正数时,阴影在元素的右侧;值为负数时,阴影在元素的左侧

第二个参数:阴影竖直方向的偏移 y轴,值为正数时,阴影在元素的下方;值为负数时,阴影在元素的上方

第三个参数:阴影的模糊半径

第四个参数:阴影扩展半径

第五个参数:阴影的颜色

标签:盒子,元素,值为,阴影,参数,10px,CSS
From: https://www.cnblogs.com/ErenYeager/p/17113654.html

相关文章