现在你看到的是一张正常状态下的照片，下面我们可以在这个图像元素上面添加一些滤镜效果。复制一份这个图像元素，添加一个 filter，这个类设置的就是元素的 filter 属性，属性的值是一些滤镜效果，暂时都是用的变量。

继续再设置一下具体要使用的滤镜，比如先试一下 blur，添加一个 blur-sm，这个类就是把 filter 属性用的 --tw-blur 这个变量的值，设置成了 blur 这个方法，模糊的大小是 4 个像素。

再试一下，blur-lg，这次的模糊比之前大了一些，因为给 blur 方法的值，现在变成了 16 像素。

复制一份这个图像元素，修改一下要使用的滤镜，试一下 brightness-50， 这个类会把 --tw-brightness 的值设置成 brightness(.5)，这个滤镜可以调整亮度。再试一下 brightness-150，它会把 brightness 调整成 1.5 。

下面可以再试一下对比度滤镜，添加一个 contrast-50，它用的是 contrast 这个滤镜，值是 0.5 。 改成 contrast-150，这个类会把对比度设置成 1.5 。

然后再试一下灰度滤镜，添加一个 grayscale，这个类用的是 grayscale 函数，值是 100%。

复制一份，再试一下色相滤镜，在这个元素上面添加一个 hue-rotate-30，旋转色相 30 度，在这个类的前面可以加上一个小横线，这样会旋转色相负的 30 度。

再复制一份这个元素，然后试一下反相，在这个元素上面添加一个 invert，它会用 invert 这个函数，值是 100% 。

下面再试一下饱和度滤镜，复制一份元素，在上面添加一个 saturate-50，这个类会用 saturate 函数，值是 0.5 ，修改成 saturate-200，它会把 saturate 函数的值设置成 2 。

最后可以再试一下褐色滤镜，在这个元素上面，添加一个 sepia，这个类会用 sepia 函数，值是 100%。