Skip to content

Instantly share code, notes, and snippets.

@enrico-atzeni

enrico-atzeni/blur-mouse.js

Created June 15, 2022 15:05
Show Gist options
  • Save enrico-atzeni/e7bb11aff4fdcaac68568239ee65015e to your computer and use it in GitHub Desktop.
Save enrico-atzeni/e7bb11aff4fdcaac68568239ee65015e to your computer and use it in GitHub Desktop.
Download ZIP
Simple in-console mouse-following blur circle
Raw
blur-mouse.js
document.body.insertAdjacentHTML("beforeEnd",'<div id="blurme" style="position: fixed;z-index: 999;background: rgba(255,255,255,.1);height: 100px;width:100px;margin:-50px 0 0 -50px;backdrop-filter: blur(5px);border-radius: 5em;"></div>');window.bbb = document.getElementById('blurme');document.body.onmousemove = (e) => {window.bbb.style.left=e.clientX+"px";window.bbb.style.top=e.clientY+"px"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment