仅底面的框阴影 [英] Box shadow for bottom side only

问题描述

我有一盒内容，需要给它阴影。但是我想给底部的阴影只有。我使用这个 css box-shadow：0 3px 5px＃000000;

I have an box of content and need to give shadow for that. But I want to give shadow for the bottom of the box only. I used this css box-shadow: 0 3px 5px #000000;

，右和底。我只需要底部

If i give this code it shows left,right and bottom. I need bottom only

任何人都建议解决这个问题。非常感谢

Can any one suggest to solve this one. Thanks a lot

推荐答案

您可以在添加类 one-edge-shadow

You can do the following after adding class one-edge-shadow or use as you like.

.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}

来源

Source

这篇关于仅底面的框阴影的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！