css3のdropshadowが凄かった！！

輪郭に沿って影を付けたかった！

box-shadowは駄目なの？？

SVGにbox-shadowを指定すると、想像とは違う出来上がりに

.icon-location-box {
  width: 100px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}

dropshadowを使ってみた！

内側にも影が付いた

.icon-location {
  width: 100px;
  filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}

IE11は未対応？？？

can I useに拠るとIE11は未対応の様です

またしてもIE11に足止めを食らうのか・・・。

ブラウザの対象範囲に拠っては使い所満載なので凄く良いプロパティだと思います（小並感）