<!DOCTYPE html><html><head><meta charset="utf-8"><title>练习</title><style type="text/css">#box{background: #fff;}#box-shadow {width: 100px;height: 100px;margin:0 auto;-o-box-shadow: inset 0 0 30px hsl(60,0%,0%),inset 0 0 50px hsl(60,97%,53%,1);-webkit-box-shadow: inset 0 0 30px hsl(60,0%,0%), inset 0 0 50px hsl(60,97%,53%,1);-moz-box-shadow: inset 0 0 30px hsl(60,0%,0%), inset 0 0 50px hsl(60,97%,53%,1);box-shadow: inset 0 0 30px hsl(60,0%,0%), inset 0 0 50px hsl(60,97%,53%,1);}</style></head><body><div id="box"><div id="box-shadow">多重阴影</div></div></body></html>
1 回答
已采纳
qq_青枣工作室_0
TA贡献446条经验 获得超754个赞
inset 0 0 50px hsl(60,97%,53%,1)
这个用到了透明属性,要用 hsla(60,97%,53%,1) 就是hsl后要加个a
- 1 回答
- 0 关注
- 2080 浏览
添加回答
举报
0/150
提交
取消