为了账号安全,请及时绑定邮箱和手机立即绑定

求问:CSS3多重阴影效果实现的问题。为什么没有任何的效果,怎么改颜色都没用。

求问:CSS3多重阴影效果实现的问题。为什么没有任何的效果,怎么改颜色都没用。

aladdinx 2016-04-25 10:00:32
<!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 反对 回复 2016-04-25
  • 1 回答
  • 0 关注
  • 2080 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信