React glitch-effect-components
create a Glitch Animation Effect using reactjs.
Clip Glitch Component
import GlitchClip from 'react-glitch-effect/core/Clip';
Props
Name | Type | Default |
---|---|---|
disabled | boolean |
false |
duration | string |
3s |
iterationCount | string |
infinite |
onHover | boolean |
false |
Example Clip glitch effect component
Manually trigger example Clip glitch effect component
Example Clip glitch effect with on hover
Text Glitch Component
import GlitchClip from 'react-glitch-effect/core/Text';
Props
Name | Type | Default |
---|---|---|
component | string |
span |
color1 | string |
rgba(77, 171, 245, .5) |
color2 | string |
rgba(245, 0, 87, .3) |
disabled | boolean |
false |
duration | string |
2s |
iterationCount | string |
infinite |
onHover | boolean |
false |