如何使用CSS将阴影添加到框的所有4个角落?

时间:2012-12-02 01:49:43

标签: css3 dropshadow

我正在尝试使用CSS将阴影应用到框的所有四个角落,因此看起来所有4个角落几乎都没有从页面上抬起,就像在这个网站上一样:http://www.leighannphotography.com/#home/

到目前为止,我只知道如何使用伪元素和类前后两个角添加阴影。有没有办法用CSS为所有四个角添加阴影?我不喜欢使用图像作为阴影,因为页面上已经有一个滑块,我不希望页面加载得更慢。

1 个答案:

答案 0 :(得分:0)

你可以在这里查看我的工作

http://codepen.io/ImBobby/pen/voEfG

所以基本上阴影本身已消耗100px的高度。因此,请确保放在<div class="content">内的内容的最小高度约为110px