我正在尝试仅使用 CSS 将阴影应用于框的所有四个角,因此看起来所有 4 个角都刚刚从页面上抬起,就像在这个网站上一样:http: //www.leighannphotography.com/#home /
到目前为止,我只知道如何使用 before 和 after 伪元素和类在 2 个角上添加阴影。有没有办法用 CSS 为所有四个角添加阴影?我不想为阴影使用图像,因为页面上已经有一个滑块,我不希望页面加载速度变慢。
我正在尝试仅使用 CSS 将阴影应用于框的所有四个角,因此看起来所有 4 个角都刚刚从页面上抬起,就像在这个网站上一样:http: //www.leighannphotography.com/#home /
到目前为止,我只知道如何使用 before 和 after 伪元素和类在 2 个角上添加阴影。有没有办法用 CSS 为所有四个角添加阴影?我不想为阴影使用图像,因为页面上已经有一个滑块,我不希望页面加载速度变慢。
你可以在这里查看我的工作
http://codepen.io/ImBobby/pen/voEfG
所以基本上阴影本身已经消耗了 100px 的高度。因此,请确保您将放入的内容的<div class="content">
最小高度约为 110 像素