哇塞，大家好！今天我要给大家讲一个超级酷的事情， 就是学习CSS3滤镜，这样我们就可yi轻松打造出超级有个性的网站效果啦！听起来是不是hen棒？那就赶紧跟我一起来学习吧！

什么是CSS3滤镜呢？

CSS3滤镜就像是给网页穿上了一件魔法衣服，可yi让网页变得五彩斑斓，美轮美奂。它就像是一个魔法师，可yi把图片变得模糊，huo者把颜色变得鲜艳，甚至可yi让文字变得闪闪发光哦，我个人认为...！

常用的滤镜函数有哪些呢？

啥玩意儿？ 哎呀，常用的滤镜函数可多了去了！比如说有模糊的、有变色的、有发光的……哎呀，我dou不知从哪里讲起了。让我来慢慢给大家介绍吧：

• 模糊blur， 这个函数可yi让图片变得模糊，就像是在照片上蒙上了一层薄纱。
• 变色huerotate， 这个函数可yi让图片的颜色变得像彩虹一样，旋转一下就变成另一种颜色啦！
• 黑白grayscale， 这个函数可yi让图片变成黑白照片，就像老电影一样。
• 亮度brightness， 这个函数可yi让图片变得geng亮huo者geng暗，就像调整电视的亮度一样。
• 对比度contrast， 这个函数可yi让图片的对比度变得geng强，让黑白geng分明。
• 饱和度saturate， 这个函数可yi让图片的颜色变得geng鲜艳，就像吃了一颗彩色糖果。
• 阴影drop-shadow， 这个函数可yi在图片上添加阴影，就像是在图片后面放了一盏灯。

怎么使用这些滤镜呢？

没耳听。 使用这些滤镜超级简单， 就像穿衣服一样，你只需要告诉CSS你想用哪个滤镜，ran后把它应用到你的图片huo者文字上就可yi了。比如说 如guo你想给一个图片加上模糊效果，你就可yi这样写：

img {
  -webkit-filter: blur;
  filter: blur;
}

别担心... 你kan，是不是hen简单？你只需要把blur这个代码加到img标签里面就可yi了。这样，这张图片就会变得模糊模糊的，就像蒙上了一层薄纱一样。

多个滤镜一起用，效果geng棒哦！

当然如guo你想geng酷一点，你可yi把多个滤镜一起用。就像穿上一件五彩斑斓的衣服一样，效果超级棒！比如说 你想要一个图片既模糊又变色，你就可yi这样写：

img {
  -webkit-filter: blur hue-rotate;
  filter: blur hue-rotate;
}

你kan，这样写就是一边使用了模糊和变色两个滤镜， 试试水。 图片就会变得既模糊又变色，效果是不是hen酷呢？

谨记... 哇， 今天我们学习了好多guan与CSS3滤镜的知识，是不是觉得超级有趣呢？tong过学习这些滤镜，我们可yi轻松打造出有个性的网站效果，让我们的网页变得geng加美丽动人。suo以赶紧拿起你的键盘，开始给你的网页穿上魔法衣服吧！加油哦，我相信你一定可yiZuo出超级酷的网页效果的！