就是有个需求一个div需要上边inset内阴影,其他三边外阴影,请问下应该怎么实现?
你贴出来了效果不就很简单就能实现了吗……
<style>
.box{
width: 100px;
height: 100px;
box-shadow: 0 10px 12px gray, 0 10px 12px gray inset;
margin:30px auto;
}
</style>
<body>
<div class="box"></div>
</body>
本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
13 回答12.8k 阅读
8 回答2.6k 阅读
2 回答5.1k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
5 回答848 阅读
3 回答2.2k 阅读
5 回答1.1k 阅读✓ 已解决
你可以任意组合,参数分别为

该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。
,可以参考 MDN 的 box-shadowMDN 也提供了一个生成器
