五彩斑斕的黑

在2019年的10月1日，我用一句話惹怒了我家UI，「你這頁面又是抄襲的誰家的？」。至此我開始了本身切ICON的生涯。

而這些icon須要有各類顏色，紅色，灰色，藍色，紅色等等。

就在我切了幾百個圖標後，我忽然發現給我一個圖標，我能夠用CSS生成任意顏色的圖標（含恨而終）。

那麼我是怎麼實現的呢?

上代碼

<style>
   *{
      margin: 0 auto;
    }
    div{
      width: 26px;
      height: 26px;
      overflow: hidden;
    }
  
    img{
      position: relative;
      left: -26px;
      border-right: 26px solid transparent;
      filter: drop-shadow(26px 0 #ff0000);// 紅色#ff0000 黃色 #ffff00 ...任意顏色
    }
</style>
  
<div>
    <img src="https://user-gold-cdn.xitu.io/2019/11/8/16e499b8c7d26363?w=26&h=26&f=png&s=783" alt="">
 </div>
 
 
複製代碼

這麼作既省去切圖的麻煩，有減小了HTTP請求。我真是是小機靈鬼。

我以爲這組織語言的能力對得起我62分的語文成績。

---來自xxxx技術有限公司程虛員複製代碼