div三面上的CSS box-shadow?

前端之家收集整理的这篇文章主要介绍了div三面上的CSS box-shadow?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望在div的三边有一个盒子阴影(除了顶边).我怎么能这样做?

解决方法

这里有一个 JS Fiddle,它只使用一个div来工作.
#shadowBox {
    background-color: #ddd;
    margin: 0px auto;
    padding: 10px;
    width: 220px;
    Box-shadow: 0px 8px 10px gray,-10px 8px 15px gray,10px 8px 15px gray;
}

您在底部,左下角和右下角设置了阴影.对于柔和的阴影,它有点棘手,但它是可行的.只需要一点猜测就可以减少中间阴影的模糊半径,这样当它与侧面阴影重叠时它看起来是无缝的并且不会太暗.

猜你在找的CSS相关文章