Image Reveal Animations On Hover – ira.js

Category: Animation , Image , Javascript | February 2, 2023
Author:vanjazeli
Views Total:219 views
Official Page:Go to website
Last Update:February 2, 2023
License:MIT

Preview:

Image Reveal Animations On Hover – ira.js

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

You Might Be Interested In:


Leave a Reply