HTML/CSS:Google如何在地图上创建此投影？

Question

问题:Google如何在Google地图上的垂直滚动条旁边创建阴影？

这是一个截图,描绘了我正在谈论的内容.

这似乎与浏览器(IE,Firefox,Chrome)和平台(Windows,Mac,Linux)无关.

Answer 1

它实际上是一系列五个剃刀薄的DIV,每个都有不断增加的不透明度,彼此相邻堆叠.您可以使用Firebug并单击阴影区域来自行查看.

Answer 2

可能是-webkit-box-shadow或-moz-box-shadow，具体取决于您的浏览器。

编辑我刚刚检查了页面，它是一系列<div>对齐在一起的。在页面源代码中查找<div id="ds-v">（或者在某种 DOM 检查器中查找，因为这样会更容易）。这很可能是他们为了获得很酷的效果而组合在一起的某种黑客手段，但我不知道这有多容易重现。