我想对页面文本中的某些单词产生视觉干扰效果，以模拟屏幕上打印海报，杂志时可能出现的校准/偏移错误......
这个想法是随机选择文本中的目标词，然后将其包装在<span class="cmyk intensity-max">中。然后我将相邻的单词包装在<span class="cmyk intensity-medium">中并跟随<span class="cmyk intensity-min">。目标是打扰文本中的区域，而不是一个单词（我对我在干扰中考虑渐进性的想法并不满意。）
然后，我得到一个函数，它将跨度的内容克隆三次，影响初始跨度的相对位置，绝对位置和c / m / y颜色到另一个。
我的问题是在性能方面实现这种效果的最佳方法，以及如何处理文本的内部标记（链接，强项，ems）。
答案 0 :(得分：1)
以下是发生打印错误的演示：）
使用CSS：
.errata{
color: black;
text-shadow: 2px 0 cyan, -1px -1px magenta, 1px 2px yellow;
}
这不完美，但你可以玩这个想法。