Roll Animation

The Roll animation adds a smooth rolling effect to elements, creating a visually appealing transition.

Usage

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

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

Props

The Roll animation doesn't have any specific props, but it accepts all the props that are availalbe to all animations. You can read more about them here.