$(window).mousemove(function(e){
let div =$('<div/>').addClass('zz')
div.css({
left: e.pageX,
top: e.pageY
})
$('body').append(div)
let i =1
let j =1
setInterval(() => {
i +=0.1
j -=0.1
div.css({
transform:`scale(${i})`,
opacity:j
})
if(j<0)
div.remove()
}, 10);
})
css部分代码
.zz{
width: 40px;
height: 40px;
box-shadow: 0 0 10px #ccc;
border-radius: 50%;
position: absolute;
}