Animations
in-out
Flip Animation

Flip Animation

The Flip animation provides a 3D flip effect to elements, making them appear to flip in from the side.

Demo

This element will flip in as it enters the viewport.

Usage

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

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

Props

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