cards
Mouse Tracker Card
라이브 미리보기새 탭에서 열기 ↗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mouse-tracker-card</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container noselect">
<div class="canvas">
<div class="tracker tr-1"></div>
<div class="tracker tr-2"></div>
<div class="tracker tr-3"></div>
<div class="tracker tr-4"></div>
<div class="tracker tr-5"></div>
<div class="tracker tr-6"></div>
<div class="tracker tr-7"></div>
<div class="tracker tr-8"></div>
<div class="tracker tr-9"></div>
<div class="tracker tr-10"></div>
<div class="tracker tr-11"></div>
<div class="tracker tr-12"></div>
<div class="tracker tr-13"></div>
<div class="tracker tr-14"></div>
<div class="tracker tr-15"></div>
<div class="tracker tr-16"></div>
<div class="tracker tr-17"></div>
<div class="tracker tr-18"></div>
<div class="tracker tr-19"></div>
<div class="tracker tr-20"></div>
<div class="tracker tr-21"></div>
<div class="tracker tr-22"></div>
<div class="tracker tr-23"></div>
<div class="tracker tr-24"></div>
<div class="tracker tr-25"></div>
<div id="card">
<p id="prompt">HOVER OVER :D</p>
<div class="title">look mom,<br>no JS</div>
<div class="subtitle">
mouse hover tracker
</div>
</div>
</div>
</div>
</body>
</html>