css filter drop-shadow的妙用

最近做的项目涉及到展示地图数据的开发，这是同事开发的，他用的是echarts。
附上最终效果：

我捣鼓了一番，其中令我比较感兴趣的是，地图有点立体的感觉，我们可以看到，地图有微微的突起，可以对比没有突起的，明显立体感就没有这么强了：

那么这是怎么实现的呢？起初我以为是echarts的选项，后面我把所有选项都注释了一轮，还是没找到。
随后我疯狂百度，找到一篇文章提到用css属性解决，我立马回去搜索，果然，用的是filter的drop-shadow。

canvas {
	filter: drop-shadow(0 5px 0 #0c3c7f) drop-shadow(0 1px 0 #1663b4);
}

用了两层drop-shadow实现的，这里就不说drop-shadow的用法了，只能感叹css真是太强了。