RubberBand Animation
The RubberBand animation creates a rubber-like effect by stretching and squashing the element.
Demo
This element will stretch like a rubber band as it enters the viewport.
Usage
To use the RubberBand animation, import it from react-swift-reveal
:
App.jsx
import { RubberBand } from 'react-swift-reveal';
const App = () => {
return (
<RubberBand>
<div className="box">
This element will stretch like a rubber band as it enters the viewport.
</div>
</RubberBand>
);
};
Props
RubberBand animation doesn't have any specific props of its own. it has all the props of Swift Reveal Props.
You can refer to the Swift Reveal Props documentation for a list of all available props.