Swing Animation

The Swing animation adds a playful and swaying effect to elements, creating a visually engaging transition.

Usage

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

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

Props

The Swing 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.