如何使用CSS3实现此效果

Question

如何使用CSS3完成this same effect（Google徽标下方和Nexus S图像上方的图像（看起来像是一条带有微妙渐变的线条）。

Answer 1

使用box-shadow CSS3属性。示例：http://fiddle.jshell.net/Shaz/AQDcD/

Answer 2

为元素添加box-shadow，主要是div，

box-shadow依赖于浏览器，因此您需要在定义css外观here时添加代理前缀以获取更多信息

Answer 3

box-shadow无法正常工作，Gecko（Firefox）和其他浏览器会将阴影的长度添加到对象中，因此如果将对象设置为具有完整宽度或高度，则会水平创建和溢出。最好使用CSS3渐变背景来实现此效果，这样可以避免破坏盒子阴影而不会溢出。