Einmal installiert - viele Anwendungsmöglichkeiten

#camera-lens { position: fixed; z-index: 9999; /* Set an initial position */ left: 50%; top: 50%; transform: translate(-50%, -50%); }

// Get references to the lens and the window const lens = document.getElementById('camera-lens'); const windowWidth = window.innerWidth; const windowHeight = window.innerHeight; // Add an event listener to track cursor movement document.addEventListener('mousemove', (e) => { // Calculate the new position for the lens const xPos = e.clientX; const yPos = e.clientY; // Update the lens position lens.style.left = `${xPos}px`; lens.style.top = `${yPos}px`; // Optionally, you can add smoothing to make the movement smoother // lens.style.transition = 'transform 0.2s ease'; // lens.style.transform = `translate(-50%, -50%) translate(${xPos}px, ${yPos}px)`; });