Glitchy

How it works

Glitchy widget applies a glitch effect to any element by setting it’s class as the Glitchy target. It allows us to create unlimited glitch effects.
Although Glitchy can be set to any widget, if that widget has auto dimensions it may cut the glitch so it is recommended to wrap it at a new container with some padding and apply the glitch effect at that new parent.

Content tab

Animation group

Play mode: determines the trigger event. Hover, click or always.
Animation duration: the duration of the glitch effect.
Repeat number: the number of glitch repetitions.
Glitch time start: the glitch animation delay before starting to animate.
Glitch time end: the end time the glitch animation will attach to.
Shake velocity: the speed of the glitch shake.
X/Y amplitudes: X/Y axis shake amplitude.
Layers number: the number of layers to be generated in the animation.
Steps number: layers group in steps. This determines the number of these groups.
minHeight/maxHeight: the random heights the layers can stand to.
Final pulse: if true, a pulse clone of the element is going to appear after the end of the glitch animation.