[教學] 利用CSS3混合模式，實現SVG檔也可更改顏色

　　隨著現在裝置的解析愈來愈高，因此為了能讓圖像，在高解析的裝置下，依然清晰不模糊，這時候iconfont或SVG，就變成是首選，無論透過那一種方式，影像都是向量格式，所以任意的縮放，都能保有最佳的影像解晰，當使用iconfont再搭配CSS的color屬性，就可快速的更改圖示顏色，雖然說很方便，但唯一比較麻煩的是，得將畫好的圖示或LOGO轉成iconfont才能使用。

雖然說SVG方便使用，但比較可惜的是，無法透過CSS來改變它的色彩，但現在這個問題有解啦！只需透過CSS3的混合模式，立即就能實現將SVG更換顏色，甚至還可以套用漸層色，因此當使用SVG的朋友，又想更改SVG圖檔顏色的朋友，現在就一塊來看看，要如何透過CSS3的background-blend-mode來實現吧！

.android {
    width: 200px;
    height: 200px;
    margin: 50px;
    text-align: center;
    font-size: 100px;
    line-height: 420px;
    float: left;
    background-image: url("android-logo.svg");
    background-size: cover;
  }

background-image:linear-gradient(#f00, #00f),url("android-logo.svg");
background-blend-mode: screen;