Glitchy
How it works
Glitchy element 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 element, if that element has auto dimensions it may cut the glitch so it is recommended to wrap it at a new block with some padding and apply the glitch effect at that new parent.
Glitchy controls
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.
-Tamu