利用CSS的brightness滤镜实现暗色调图标鼠标经过时变白色
这是今天get到的新技能，以前做鼠标经过黑色图标变白色的时候，都是做一黑一白两张图片，鼠标经过的时候让黑色图片隐藏，白色图片展示，今天学到了一个新技巧，直接用一张图片就可以实现。
<style>
/*默认黑色，数值设为0，或者直接做黑色图片不用再给css样式*/
img {
-webkit-filter: brightness(0);
filter: brightness(0);
}
/*鼠标经过数值设为100，就是最亮，就是白色*/
img:hover {
-webkit-filter: brightness(100);
filter: brightness(100);
}
</style>