🐁
マウスストーカーの最小設定を考えた
サンプル
HTML
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div id="mouseStalker">●</div>
<script src="index.js"></script>
</body>
</html>
JavaScript
window.addEventListener("mousemove", (e) => {
const mouseStalker = document.getElementById("mouseStalker");
mouseStalker.style.transform = `translate(${e.clientX}px, ${e.clientY}px)`;
});
CSS
#mouseStalker {
position: absolute;
transition: 0.2s;
}
Discussion