any cool js animations for on click effect kindly suggest,

JavaScript animation for an on-click effect using the GSAP (GreenSock Animation Platform) library

Hello Vamsi,

Please check out the below sample code for js animation.

Hello World!

Click to Animate

Please share more detail like the case where needed animation so accordingly we can review and use third-party animation or create our own custom animation.

Thanks

Hi Vamsi !

You can go through the below code snippet :

const btn = document.querySelector("button");

btn.addEventListener("click", () => {
  const ripple = document.createElement("div");
  ripple.classList.add("ripple");
  ripple.style.top = btn.offsetTop + "px";
  ripple.style.left = btn.offsetLeft + "px";
  document.body.appendChild(ripple);

  ripple.addEventListener("animationend", () => {
    document.body.removeChild(ripple);
  });

  ripple.animate({
    width: btn.offsetWidth,
    height: btn.offsetHeight,
    borderRadius: "50%",
    background: "red",
  }, {
    duration: 500,
  });
});