Skip to content

onedionys/onedionys-animation-library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to One Dionys - Animation Library! 👋

A collection of animation functions or effects to add interactivity to DOM elements. 💖

💾 Requirements

  • Web Browser - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
  • Internet - Because many use CDN and to make it easier to find solutions to all problems.

🎯 How To Use

Example Syntax

const AnimationLibrary = require('./src/animation');

const element = document.getElementById('animated-element');

// Fade in animation
AnimationLibrary.fadeIn(element, 1000)
.then(() => {
    console.log('Fade in animation completed!');
});

// Fade out animation
AnimationLibrary.fadeOut(element, 1000)
.then(() => {
    console.log('Fade out animation completed!');
});

Explanation

  • This library provides methods to perform fade in and fade out animations on DOM elements.
  • The fadeIn() method gradually increases the opacity of the element to make it visible, while the fadeOut() method gradually decreases the opacity of the element to make it disappear.

Return Value

  • Both fadeIn() and fadeOut() methods return a Promise that resolves when the animation is complete.

📆 Release Date

  • v1.0.0 : 07 March 2024
  • v1.0.1 : 11 March 2024
  • v4.0.0 : 11 March 2024
  • v4.0.1 : 12 March 2024
  • v4.0.2 : 18 March 2024
  • v5.0.0 : 31 March 2024

🧑 Author

📝 License

  • Copyright © 2024 One Dionys
  • One Dionys - Animation Library is an open source project licensed under the MIT license

☕️ Suppport & Donation

Love One Dionys - Animation Library? Support this project by donating or sharing with others in need.

Made with ❤️ One Dionys