五彩斑斓的黑

在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技术有限公司程虚员复制代码