好，就上面这个效果，还可以继续吗？答案是可以的。限于篇幅，本文不再继续在这个效果上深入，感兴趣的可以拿着上面的 DEMO 自己再捣鼓捣鼓。
利用混合模式实现文字与底色反色的效果这里还是利用 mix-blend-mode: difference 差值模式，实现一种文字与底色反色的 Title 效果。
mix-blend-mode: difference: 差值模式（Difference），作用是查看每个通道中的颜色信息，比较底色和绘图色，用较亮的像素点的像素值减去较暗的像素点的像素值。与白色混合将使底色反相；与黑色混合则不产生变化。
代码非常的简单，我们实现一个黑白相间的背景，文本的颜色为白色，配合上差值模式，即可实现黑底上的文字为白色，白底上的文字为黑色的效果。
p { background: repeating-radial-gradient(circle at 200% 200%, #000 0, #000 150px, #fff 150px, #fff 300px); &::before { content: "LOREM IPSUM"; color: #fff; mix-blend-mode: difference; } }可以用于一些标题效果：
CodePen Demo -- Radial-gradient + Mix-blend-mode
利用混合模式实现动态类抖音风格 Glitch 效果OK，接下来，我们再尝试下其他混合模式的搭配。在 CSS 故障艺术 一文中，提到了一种故障艺术。
什么是故障艺术？我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉，看起来具有闪烁、震动的效果，很吸引人眼球。
关键点利用 mix-blend-mode: lighten 混合模式实现两段文字结构重叠部分为白色
利用元素位移完成错位移动动画，形成视觉上的冲击效果
看看效果：
本文篇幅有点长，代码就不上了，完整 DEMO 在这里：
当然，我们也不是一定要使用混合模式去使得融合部分为白色，可以仅仅是使用这个配色效果，基于上面效果的另外一个版本，没有使用混合模式。
关键点利用了伪元素生成了文字的两个副本
视觉效果由位移、遮罩、混合模式完成
配色借鉴了抖音 LOGO 的风格
完整 DEMO 在这里：
仅仅使用配色没有使用混合模式的好处在于，对于每一个文字的副本，有了更大的移动距离和可以处理的空间。
Glitch Art 风格的 404 效果稍微替换一下文本文案为 404，再添加上一些滤镜效果（hue-rotate()、blur()）嘿嘿，找到了一个可能实际可用的场景：
效果一：
效果二：
两个 404 效果的 Demo 如下：
CodePen -- CSS 404故障效果
CodePen -- 404故障效果
小技巧，在使用混合模式的时，有的时候，效果不希望和背景混合在一起，可以使用 isolation: isolate 进行隔离。
使用滤镜生成文字融合效果在 你所不知道的 CSS 滤镜技巧与细节 一文中，介绍了利用滤镜实现的一种融合效果。
利用了模糊滤镜叠加对比度滤镜产生的融合效果。
单独将两个滤镜拿出来，它们的作用分别是：
filter: blur()： 给图像设置高斯模糊效果。
filter: contrast()： 调整图像的对比度。
但是，当他们“合体”的时候，产生了奇妙的融合现象。简单的例子：
CodePen Demo -- filter mix between blur and contrast
利用这个特性，可以实现一些文字融合的效果：
利用这个方法，我们还可以设计一些文字融合的效果：
具体实现你可以看这里：
CodePen Demo -- word animation | word filter
文字与 SVG最后，我们再来看看文字与 SVG。