Aurora Borealis Cursor - VexaX
Run Code
Toggle Theme
Share Link
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Aurora Borealis Cursor</title> <style> body { margin: 0; overflow: hidden; background: #000; } .aurora { position: absolute; width: 8px; height: 8px; background: rgba(0, 128, 255, 0.8); border-radius: 50%; pointer-events: none; animation: aurora 1s linear infinite; } @keyframes aurora { 0% { background: rgba(0, 128, 255, 0.8); } 33% { background: rgba(0, 255, 128, 0.8); } 66% { background: rgba(128, 0, 255, 0.8); } 100% { background: rgba(255, 128, 0, 0.8); } } </style> </head> <body> <script> document.addEventListener('mousemove', function(e) { const aurora = document.createElement('div'); aurora.className = 'aurora'; aurora.style.left = `${e.pageX}px`; aurora.style.top = `${e.pageY}px`; document.body.appendChild(aurora); setTimeout(() => aurora.remove(), 1000); }); </script> </body> </html>