css 控制图片的亮度

 有时候我们拿到效果图只有一种状态，但是实际制作过程中我们发现它有好几种状态，比如说：

正常状态，hover状态， 选中状态，禁止点击状态等等。

 这个时候我们就可以用下面的方法，改变图片的亮度来实现各种状态！当然仅限于找UI很麻烦，或者是根本没有UI的情况下，又或者是为了考虑性能图片太多的话影响加载速度我们可以这样做，否者还是让专业的来给我们现成的使用比较好。

---

 

-webkit-filter: brightness(150%);

filter: brightness(150%);