Question

<div id="cat"></div>

如何仅为左侧和右侧包装阴影？（没有上下方的阴影）

Answer 1

将 woof 的z-index设置在 meow 上方， grrrr 将显示在 hisssss 之上>的影子。

Answer 2

这是一个侧面阴影http://starikovs.com/2011/11/09/css3-one-side-shadow/的溢出隐藏方法。希望它会对你有所帮助。

Answer 3

有了这个，你就可以http://jsfiddle.net/QkXqU/

CSS：

div {
    float: left;
    overflow: hidden;
    padding: 0px 0px 10px 0px; /*  Use padding on the side where you want to show shadow. Padding amount should be same as shadows blur length. */
}

img {
    -webkit-box-shadow: 0px 0px 10px 0px #000000;
    -moz-box-shadow: 0px 0px 10px 0px #000000;
    box-shadow: 0px 0px 10px 0px #000000;
}

HTML：

<div>
    <img src="http://lorempixum.com/output/nature-q-c-309-249-8.jpg" alt="trees" />
</div>

如何隐藏一面阴影效果？

3 个答案: