Animations
in-out
Rotate Animation

Rotate Animation

The Rotate animation creates a rotating entrance effect, making elements appear to spin in as they enter the viewport.

Demo

This element will rotate in as it enters the viewport.

Usage

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

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

Props

Rotate 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.