Reduce rotation
This commit is contained in:
parent
275b05e33b
commit
4b7834f6b1
2 changed files with 6 additions and 6 deletions
|
|
@ -40,11 +40,11 @@ export function LoginPage() {
|
|||
const centerX = rect.width / 2;
|
||||
const centerY = rect.height / 2;
|
||||
|
||||
const rotateX = ((y - centerY) / centerY) * -10; // Max 10 degrees tilt
|
||||
const rotateY = ((x - centerX) / centerX) * 10;
|
||||
const rotateX = ((y - centerY) / centerY) * -5; // Max 5 degrees tilt
|
||||
const rotateY = ((x - centerX) / centerX) * 5;
|
||||
|
||||
setTransform(
|
||||
`perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`
|
||||
`perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.01, 1.01, 1.01)`
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -44,11 +44,11 @@ export function SignUpPage() {
|
|||
const centerX = rect.width / 2;
|
||||
const centerY = rect.height / 2;
|
||||
|
||||
const rotateX = ((y - centerY) / centerY) * -10; // Max 10 degrees tilt
|
||||
const rotateY = ((x - centerX) / centerX) * 10;
|
||||
const rotateX = ((y - centerY) / centerY) * -5; // Max 5 degrees tilt
|
||||
const rotateY = ((x - centerX) / centerX) * 5;
|
||||
|
||||
setTransform(
|
||||
`perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`
|
||||
`perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.01, 1.01, 1.01)`
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue