Jump Animation
The Jump animation creates a bouncing effect by moving the element up and down with a natural easing curve.
Demo
This element will jump as it enters the viewport.
Usage
To use the Jump animation, import it from react-swift-reveal
:
App.jsx
import { Jump } from 'react-swift-reveal';
const App = () => {
return (
<Jump>
<div className="box">
This element will jump as it enters the viewport.
</div>
</Jump>
);
};
Props
Jump 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.