鼠年全马铁人挑战 WEEK 14: 我想亮白、我想复古、我想___？CSS filter

CSS filter简单来说就是滤镜功能，以下整理几个常用的功能。

1.blur模糊(px)

越大越模糊，如果想要朦胧美就参考这个吧！

filter:blur(2px);

2.brightness亮度(%)

100%表示不变小于100%是减少亮度大于100%则是增加亮度设成0%会让影像完全变黑。

filter:brightness(1.5);

3.grayscale灰阶(%)

2020发生许多憾事，举凡黑鹰事件、武汉肺炎、Kobe过世。RIP！

0% 原始影像100% 完整的灰白照片

filter:grayscale(1);

4.opacity不透明(%)

就是影像不透明的程度。

0完全透明1就是原始图

filter:opacity(.5);

5.sepia 怀旧(%)

想要有走复古风就选这个吧！

0% 原图100% 完整的泛黄颜色

filter:sepia(1);

6.saturate饱和(%)

100%表示不变小于100%降低饱和度大于100%增加饱和度

filter:saturate(1.2);

我们可以利用filter使:hover效果更丰富。
:hover範例
最后我们要了解，知道跟可以用是两回事，filter不支援IE、filter不支援IE，
很重要所以说两次！
附上Can I use