Untitled Application MyApp Author name 1.0 Desktop False 640 480 False False False WebApp False C:\Users\asmat\Documents\VisualNeoWeb\Libraries\img\default-icon.png .mybutton{ display:flex; justify-content:center; align-items:center; user-select:none; } span{ position: absolute; background: #fff; transform: translate(-50%,-50%); pointer-events: none; border-radius:50%; animation: animate 1s linear infinite; } @keyframes animate{ 0%{ width: 0px; height: 0px; opacity:0.5; } 100%{ width: 100px; height: 100px; opacity:0; } } en standalone Offline page #000000 [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False

const buttons = document.querySelectorAll('.'+buttonsClass);
buttons.forEach(btn=>{
  btn.addEventListener('click', function(e){
    let x1 = $('#'+CurrentPage).offset().left;
    let y1 = $('#'+CurrentPage).offset().top;

    let x = e.clientX - e.target.offsetLeft - x1;
    let y = e.clientY - e.target.offsetTop - y1;

    let ripples = document.createElement('span');
    ripples.style.left = x +'px';
    ripples.style.top = y +'px';
    this.appendChild(ripples);

    setTimeout(()=>{
       ripples.remove()
    },1000);

  });
});

buttonsClass|STRING|Enter class name that you want add effect;CurrentPage|STRING|Enter name of current page JavaScript applyEffect "mybutton" "[NAB.PageID]" 267px 159px 130px 50px mybutton Button 267px 222px 130px 50px mybutton Button 0px 0px 640px 480px False custom