React Reveal Image

React Reveal Image will only ever reveal itself when it's in the viewport.

Demo

Link

Usage

import RevealImage from '@casperengl/react-reveal-image';

export default () => (
  <RevealImage
    src="https://via.placeholder.com/400" // Link to an image
    as="article" // Default: figure - change the container element
    delay={2} // Delay in seconds
    className="extra class names" // Will add any classes here to the image container
  />
)