luminomorphism
Version:
A UI design system built around light, blur, ambient motion and perceptual feedback.
2 lines (1 loc) • 330 B
JavaScript
document.querySelectorAll(".luminomorph-button").forEach(l=>{l.addEventListener("click",function(e){const t=document.createElement("span");t.classList.add("ripple");const n=this.getBoundingClientRect();t.style.left=`${e.clientX-n.left}px`,t.style.top=`${e.clientY-n.top}px`,this.appendChild(t),setTimeout(()=>t.remove(),600)})});