CSS3＆amp ;;的小故障效应jQuery的

Question

这个小故障效果是如何产生的？ [见下面的GIF动画]

来源： https://jigsaw.google.com/

我们可以在CSS3＆amp ;;中重新创建Glitch效果吗？ jQuery的？

这是我开始的 codepen ：http://codepen.io/surjithctly/pen/yeWzrQ

Any Help would be appreciated!

Answer 1

您检查/观察浏览器中发生的情况（右键 - 检查）。 它很快但看起来像是：

• 创建元素的副本
• 缩小副本以便文本被破坏
• 稍微重新安排副本

它就像制作一张照片的碳复制品，将它们切成碎片并重新排列。