如何使用CSS3实现此效果？

Question

如何使用CSS3完成this same effect (谷歌徽标下方和Nexus图像(看起来像一条带有微妙渐变的线条)上面的那个)。

Answer 1

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

Answer 2

为元素添加方框阴影，主要是div，

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

Answer 3

box-shadow不会真正起作用，壁虎(火狐)和其他浏览器会将阴影的长度添加到对象上，因此如果您将对象设置为全宽或全高，则会水平创建和溢出。这是最好的使用CSS3渐变背景的效果，它将省去你必须黑盒子阴影不溢出。