本文介绍了仅底面的框阴影的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一盒内容,需要给它阴影。但是我想给底部的阴影只有。我使用这个 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

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

10-22 12:08