上次我们了解了一些css滤镜的基础知识
这次我们就来用css的滤镜实现一个 火焰的效果。

要实现上面的火焰效果我们先来了解一些必要的东西。
blur 是给图像设置高斯模糊
contrast 是调整图像的对比度，
他们一起使用会产生融合的效果

好的知道这些，我们开始实现火焰效果吧
1、先用边框画出三角形
要知道，如果 width是0height也是0，只用边框的话边框是三角形的，我们看看 width 和 height 都是0的但边框宽度是100px的元素的样子
上图，4边的边框颜色是不一样的我們很清楚的看见了4个三角形，我们现在需要下面这样一个东西相信大家知道怎么实现了。

2、调整三角形的大小与颜色实现类似火焰的樣子
这一步很简单，我们只需要在上面已经实现的三角形上加这三行代码

这一步算是比较麻烦的了不过也很好理解，就是利用上面提到嘚融合效果让许多小圆随机的穿过这个三角形就可以了，看看下面这张图就能理解原理。
好的理解这些看代码绝对很容易了。

這次说的火焰效果就结束了，css的滤镜当然还能实现其他更有趣的效果那就等大家自己去探索了。