在Google地圖（PHP/JS）中爲SVG地圖上的水添加漸變

Question

仔細查看Google地圖，您會看到水區不僅僅是一種顏色，而是顏色漸變。在陸地附近，藍色比遠處更暗。

我有一個關於時區的小網站上的SVG地圖（http://worldtimemap.net/）。地圖看起來很無聊，我想通過程序代碼添加Google地圖中的水漸變效果。

這個效果背後的編程有什麼暗示嗎？我已經包括拉斐爾JS。

Answer 1

您可以在下拉陰影過濾器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)); 
} 

與任何調整到你想要的模糊/病毒/顏色值，當然。