눈알하면 미니언 밖에 생각이 안난다. 그래서 미니언을 예제로 구현해보았다. 에셋은 첨부합니다. [HTML] [CSS] [Javascript - Vanila] var ball = document.getElementsByClassName('ball'); document.onmousemove = function () { var x = event.clientX * 100 / window.innerWidth + '%'; var y = event.clientY * 100 / window.innerHeight + '%'; for(var i = 0; i < 2; i++){ ball[i].style.left = x / 2; ball[i].style.top = y / 2; ball[i].style.transform = '..

[HTML] [CSS] CSS에 clock.png를 기준으로 위치를 지정. * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #091921; } .clock { width: 350px; height: 350px; display: flex; justify-content: center; align-items: center; background: url('./assets/clock.png'); background-size: cover; border: 4px solid #091921; bord..