/react-glitch-fx

Simple npm library to perform glitch effects on elements.

Primary LanguageJavaScript

react-glitch-fx

npm version

Simply wrap your target element with <GlitchFx /> to start using react-glitch-fx:

import GlitchFx from 'react-glitch-fx/lib/GlitchFx';

class Component extends React.Component {

  render() {
    const { shouldShow, imageHeight, imageSrc } = this.props;
    return (<GlitchFx>
        <img src="./images/react.png" alt="test" />
    </GlitchFx>)

  }
}