安信6信无双指定注册地址 tobuf主要是两个步骤，序列化和反序列化。 使用protobuf主要是两个步骤，序列化和反序列化。
今天的小技巧是使用纯 CSS 生成火焰，逼真一点的火焰。
嗯，长什么样子？在 CodePen 上输入关键字 CSS Fire，能找到这样的：
或者这样的：
我们希望，仅仅使用 CSS ，效果能再更进一步吗？能不能是这样子：
如何实现
嗯，我们需要使用 filter + mix-blend-mode 的组合来完成。
很多 CSS 华而不实的效果都是
filter+mix-blend-mode，很有意思，但是业务中根本用不上，当然多了解了解总没坏处。
如上图，整个蜡烛的骨架，出去火焰的部分很简单，掠过不讲。主要来看看火焰这一块如何生成，并且如何赋予动画效果。
Step 1: filter blur && filter contrast
模糊滤镜叠加对比度滤镜产生的融合效果。
单独将两个滤镜拿出来，它们的作用分别是：
-
filter: blur()：给图像设置高斯模糊效果。 -
filter: contrast()：调整图像的对比度。
但是，当他们“合体”的时候，产生了奇妙的融合现象。
先来看一个简单的例子：
仔细看两圆相交的过程，在边与边接触的时候，会产生一种边界融合的效果，通过对比度滤镜把高斯模糊的模糊边缘给干掉，利用高斯模糊实现融合效果。
利用上述 filter blur & filter contrast，我们要先生成一个类似火焰形状的三角形。（略去过程）
父元素添加 filter: blur(5px) contrast(20)，会变成这样：
Step 2: 火焰粒子动画
看着已经有点样子了，接下来是火焰动画，我们先去掉父元素的 filter: blur(5px) contrast(20) ，然后继续 。
这里也是利用了 filter 的融合效果，我们在上述火焰中，利用 SASS 随机均匀分布大量大小不一的圆形棕色 div ，隐匿在火焰三角内部，大概是这样：
