RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / tuitioncoin.org / assets / js / src / components /

Filename : hover-animation.js

back

/**
 * Play Lottie animations on hover
 * @requires https://github.com/LottieFiles/lottie-player
*/

const hoverAnimation = (() => {

  const playerContainers = document.querySelectorAll('.animation-on-hover');
  playerContainers.forEach(container => {
    container.addEventListener('mouseover', () => {
      const players = container.querySelectorAll('lottie-player');
      players.forEach(player => {
        player.setDirection(1);
        player.play();
      });
    });
  
    container.addEventListener('mouseleave', () => {
      const players = container.querySelectorAll('lottie-player');
      players.forEach(player => {
        player.setDirection(-1);
        player.play();
      });
    });
  });

})();

export default hoverAnimation;