sakalx/react-glitch-effect

Decrease delay between glitches

paulokuda opened this issue · 1 comments

In this screen recording, I have the duration prop set to 3s (default), which adds a 3s delay in between each glitch.
glitch

If I decrease duration to 1s, the glitch happens after every second, but the glitch animation is also sped up. Is there a way to decouple these two ideas with the props available?

If not, happy to open a PR with any recommended steps

Correct glitch animation is also sped up, because this animation has 10 breakpoints
with change clip-path on :

0%; 2%; 4%; 5%; 6%; 7%; 8%; 9%; 9.9%; 10%,100%;

So when we set duration for animation 3s it’s doing those 10 changes during 3s

but when we set duration for animation 1s it’s doing those 10 changes during 1s, visually animation is speed up.

e1283283-1669-454e-a4ba-e6fd133e0821