提到shadow，我们并不陌生，经常用box-shadow给容器添加阴影，这里我们先来回顾一下，box-shadow的用法。
box-shadow
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow：水平偏移量
v-shadow：垂直偏移量
blur：模糊值
spread：偏移量
color：阴影颜色
inset：是否内阴影(外阴影不写)
drop-shadow
drop-shadow可以理解为滤镜，给元素或者图片非透明区域添加投影。
filter: drop-shadow(10px 10px 0 green)
实现代码如下：
.svg-icon { width: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; filter: drop-shadow(2px 43px 0px orange); transform: translate(15px, 10px); }
原本的图标，是上方的蓝色，通过drop-shadow得到了添加滤镜后的橙色。这就让更改图标颜色变得很方便。
