仔细查看谷歌地图，你会发现水域不仅仅是一种颜色，而是一种颜色梯度。陆地附近的蓝色比远处更暗。
我在一个关于时区的小网站上有一张SVG地图(http://worldtimemap.net/)。这张地图看起来很无聊，我想通过程序代码添加一个类似谷歌地图的水梯度效果。
关于这种效果背后的编程，有什么提示吗？我已经包括拉斐尔JS。
您可以将drop-show-filter CSS属性应用于SVG，如下所示：
svg {
-webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,.2));
filter: drop-shadow(0 0 5px rgba(0,0,0,.2));
}
当然，可以对模糊/扩散/颜色值进行任何调整。