Hover over the link to see the color change effect.

body { margin: 0; overflow: hidden; } #video-container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } #video-background { width: 100%; height: 100%; object-fit: cover; } #content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 1; }

Hover over this page to see the custom cursor.