css custom propertiesを試したくてやった

マウスについてくると懐かしみがある

const docStyle = document.documentElement.style; 
document.addEventListener('mousemove', (e) => {
  docStyle.setProperty('--mouse-x', e.clientX);
  docStyle.setProperty('--mouse-y', e.clientY);
});

:root {
  --mouse-x: 0;
  --mouse-y: 0;
}

.brand-icon {
 position: fixed;
 left: 0;
 top 0;
 transform: translate(calc(var(--mouse-x) * 1px), calc(var(--mouse-y) * 1px));
}

にすると画面が全部壊れて楽しいよ！

戻すのがちょっと大変なので頑張ろう