2

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

到目前为止,我只知道如何使用 before 和 after 伪元素和类在 2 个角上添加阴影。有没有办法用 CSS 为所有四个角添加阴影?我不想为阴影使用图像,因为页面上已经有一个滑块,我不希望页面加载速度变慢。

4

1 回答 1

0

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

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

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

于 2012-12-02T08:48:22.053 回答