<!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條經(jīng)驗 獲得超754個贊
inset 0 0 50px hsl(60,97%,53%,1)
這個用到了透明屬性，要用 hsla(60,97%,53%,1) 就是hsl后要加個a
- 1 回答
- 0 關注
- 2134 瀏覽
添加回答
舉報
0/150
提交
取消