Image Reveal Animations On Hover – ira.js

Preview:

Description:

A lightweight JavaScript library that leverages the GSAP animation library to create amazing image reveal animations that activate upon hovering over HTML elements.

How to use it:

1. Import the ira.js.

import Ira from "./ira.js";

2. Create a new Ira instance, specify the target element, define the path to the image, and determine which animation you’d like to use.

const element = document.querySelector(".element");
const imageUrl = "/path/to/image.png";
const animationType = "slide"
new Ira(element, imageUrl, animationType);

3. All available animation types:

• boring
• fade
• unfold
• slide
• corner
• spiral