<audio id="click-sound" src="/images/mouse.mp3"></audio>
<script>document.addEventListener('mousedown', function(e) {
// 1. ხმის ეფექტი
const audio = document.getElementById('click-sound');
audio.currentTime = 0; // აბრუნებს ხმას დასაწყისში (სწრაფი კლიკებისთვის)
audio.play();
// 2. პულსაციის შექმნა
const pulse = document.createElement('div');
pulse.className = 'cursor-pulse';
// პოზიციის განსაზღვრა კლიკის ადგილას
pulse.style.left = e.clientX + 'px';
pulse.style.top = e.clientY + 'px';
document.body.appendChild(pulse);
// ელემენტის წაშლა ანიმაციის დასრულების შემდეგ
setTimeout(() => {
pulse.remove();
}, 600);
});</script>
body{min-height:100vh;cursor:url('/images/cursor.png'),auto}
.cursor-pulse{position:fixed;width:10px;height:10px;border:2px solid #4f007f;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:.6s linear ripple;z-index:10000}
@keyframes ripple{0%{width:0;height:0;opacity:1}100%{width:100px;height:100px;opacity:0}}
a,
a,button,input[type="submit"],input[type="button"],.clickable {cursor: url('/images/click.png'), pointer !important;}
a:hover{cursor:url('/images/click.png'),pointer}