请问图中红圈内的效果叫什么，怎么做出来的？

zippera · 2013-06-23T07:03:08Z

https://ww3.sinaimg.cn/large/5e8cb366jw1e5y2xind6lj211w0i5765.jpg 我看源代码里面用的标签是 box 和 drop-shadow 。一般叫做什么？ css 怎么写？

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 4707 days ago, the information mentioned may be changed or developed.

我看源代码里面用的标签是 box 和 drop-shadow 。一般叫做什么？ css 怎么写？

源代码

图中红

shadow

13 replies • 1970-01-01 08:00:00 +08:00

yescola

Jun 23, 2013

一个白色块和底部的图片叠加的吧。。。或者是白色块，在块的下面放个那样的图片。
标签是啥无所谓了，爱怎么取怎么取。

qiayue

PRO

Jun 23, 2013

阴影

yescola

Jun 23, 2013

@qiayue 言简意赅。。。

zippera

Jun 23, 2013

@qiayue 能否介绍下怎么用？

tension

Jun 23, 2013

你再那里看到的用firebug 去看一下就晓得怎么用啦!!!

alay9999

Jun 23, 2013

两个一样大的矩形
上白下黑
黑色的变形
黑色的模糊
黑色的透明度

这是PS流程

CSS的话，我猜想是两个黑色阴影需旋转一定角度放在底下吧

chairuosen

Jun 23, 2013

-webkit-transform: rotate(-2deg);

zippera

Jun 23, 2013

@tension 谢谢，我用chrome的「审查元素」搞清楚了。

zippera

Jun 23, 2013

@chairuosen 感谢，正解。这是我刚总结的：http://zipperary.com/2013/06/23/box-and-shadow-effect/

yangg

Jun 23, 2013

good, 学习

Keinez

Jun 23, 2013 via Android

敢情CSS3也能做这样的效果了，顿觉落伍…

railgun

Jun 24, 2013

这叫阴影，英文叫shadow

loading

Sep 8, 2013

mark.