RubberBand Animation

The RubberBand animation adds a playful and elastic effect to elements, creating a visually engaging transition.

Usage

To use the RubberBand animation, import it from react-swift-reveal:

import { RubberBand } from 'react-swift-reveal';
 
const App = () => {
  return (
    <RubberBand>
      <div className="box">
        This element will rubberband as it enters the viewport.
      </div>
    </RubberBand>
  );
};

Props

The RubberBand animation doesn't have any specific props, but it accepts all the props that are available to all animations. You can read more about them in the Swift Reveal Props documentation.