Neon Trail Cursor - MeggiTools
Run
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>Neon Trail Cursor</title> <style> body { margin: 0; overflow: hidden; background: #000; } .neon { position: absolute; width: 10px; height: 10px; background: rgba(0, 255, 255, 0.8); border-radius: 50%; pointer-events: none; box-shadow: 0 0 20px rgba(0, 255, 255, 0.8); animation: neonTrail 0.5s linear infinite; } @keyframes neonTrail { from { opacity: 1; } to { opacity: 0; } } </style> </head> <body> <script> document.addEventListener('mousemove', function(e) { const neon = document.createElement('div'); neon.className = 'neon'; neon.style.left = `${e.pageX}px`; neon.style.top = `${e.pageY}px`; document.body.appendChild(neon); setTimeout(() => neon.remove(), 500); }); </script> </body> </html>