11 lines
377 B
JavaScript
11 lines
377 B
JavaScript
|
import gsap from 'https://cdn.skypack.dev/gsap';
|
||
|
|
|
||
|
|
const BOUNDS = 50;
|
||
|
|
document.addEventListener('pointermove', ({ x, y }) => {
|
||
|
|
const newX = gsap.utils.mapRange(0, window.innerWidth, -BOUNDS, BOUNDS, x);
|
||
|
|
const newY = gsap.utils.mapRange(0, window.innerHeight, BOUNDS, -BOUNDS, y);
|
||
|
|
gsap.set(document.documentElement, {
|
||
|
|
'--rotate-x': newY,
|
||
|
|
'--rotate-y': newX });
|
||
|
|
|
||
|
|
});
|