<p class="zw">为了加强这些设计元素的景深效果,为内容简介和封片图片加上RGBa的阴影。</p> <pre class="代码无行号"><code>.item__img img { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.5); } .item__description { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.5); }</code></pre> <p class="图"><img alt="1823.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/241.jpg"></p> <p class="图题">我们可以在支持3D转换的浏览器中,使用<code>box-shadow</code>为元素添加景深。</p>