box-shadow

最新推荐文章于 2025-06-30 22:07:10 发布

Fade Away

最新推荐文章于 2025-06-30 22:07:10 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： CSS属性文章标签： CSS

本文链接：https://blog.youkuaiyun.com/qq_26239917/article/details/88525824

CSS属性专栏收录该内容

23 篇文章

订阅专栏

属性讲解：

x偏移 y偏移迷糊效果范围颜色

开搞

月晕效果【上下左右都有效果】

x偏移 0 y偏移 0 迷糊效果范围小数值即可颜色

右下角出现阴影：xy偏移为正值即可

左上角出现阴影：xy偏移为负值即可

四周每一角都设置

在这里插入图片描述 `

	            width: 100px;
				height: 100px;
				 box-shadow:-10px 0px 10px red,   /*左边阴影*/
				 0px -10px 10px #000,  /*上边阴影*/
				  10px 0px 10px green,  /*右边阴影*/
				0px 10px 10px blue; /*下边阴影*/ 
				background-color: #C0C0C0;`