Script Sample/Mouse Effect
Mouse Effect08 - 마우스 효과
zㅣ도닝
2022. 4. 12. 18:35
반응형
document.addEventListener("mousemove", function (e) {
let body = document.querySelector("#mouseType07");
let circle = document.createElement("span");
let x = e.offsetX;
let y = e.offsetY;
circle.style.left = x + "px";
circle.style.top = y + "px";
let size = Math.random() * 100;
circle.style.width = 20 + size + "px";
circle.style.height = 20 + size + "px";
body.appendChild(circle);
setTimeout(function () {
circle.remove();
}, 1800);
});
https://jiseonpack.github.io/webs_class/javascript/effect/mouseEffect08.html
마우스 이펙트
jiseonpack.github.io
https://codepen.io/aniketkudale/pen/xxZwoOZ
Colorful Bubbles
...
codepen.io
반응형