box-shadow哪个属性值是去掉阴影的
答案:1 悬赏:50 手机版
解决时间 2021-04-06 13:46
- 提问者网友：喧嚣尘世
- 2021-04-05 18:40
box-shadow哪个属性值是去掉阴影的
最佳答案
- 五星知识达人网友：舊物识亽
- 2021-04-05 19:09
基本用法，你看看
（1）投影，没有位移，没有扩展，有阴影，有阴影色彩
img{box-shadow:0 0 10px #ccc}
（2）投影，没有位移，有扩展，有阴影，有阴影色彩
img{box-shadow:0 0 10px 20px #ccc}
（3）内阴影，无位移，10px大小，没有扩展，有阴影色彩
img{box-shadow:inset 0 0 10px #ccc}
（4）多重阴影效果
img{box-shadow:-10px 0 10px red,box-shadow:10px 0 10px blue,box-shadow:0 -10px 10px yellow,box-shadow:0 10px 10px #ccc}
（5）使用多个阴影属性的顺序问题
img{box-shadow:0 0 10px green;box-shadow: 0 0 10px 20px yellow}
注意：先写的阴影显示在最里面，第二个阴影则显示在外面
注意：第二个阴影扩散的角度要大于第一个阴影，不然只显示第一个阴影，因为第二个被遮盖了
（1）投影，没有位移，没有扩展，有阴影，有阴影色彩
img{box-shadow:0 0 10px #ccc}
（2）投影，没有位移，有扩展，有阴影，有阴影色彩
img{box-shadow:0 0 10px 20px #ccc}
（3）内阴影，无位移，10px大小，没有扩展，有阴影色彩
img{box-shadow:inset 0 0 10px #ccc}
（4）多重阴影效果
img{box-shadow:-10px 0 10px red,box-shadow:10px 0 10px blue,box-shadow:0 -10px 10px yellow,box-shadow:0 10px 10px #ccc}
（5）使用多个阴影属性的顺序问题
img{box-shadow:0 0 10px green;box-shadow: 0 0 10px 20px yellow}
注意：先写的阴影显示在最里面，第二个阴影则显示在外面
注意：第二个阴影扩散的角度要大于第一个阴影，不然只显示第一个阴影，因为第二个被遮盖了
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯