diff --git a/src/hooks/useMouseRotation.js b/src/hooks/useMouseRotation.js index 6e24ef8..197c711 100644 --- a/src/hooks/useMouseRotation.js +++ b/src/hooks/useMouseRotation.js @@ -15,7 +15,7 @@ export function useMouseRotation() { const rotationY = -(relX / halfWidth); const rotationX = relY / halfHeight; - cardStyle.transform = `rotateX(${rotationX * 10}deg) rotateY(${rotationY * 10}deg)`; + cardStyle.transform = `rotateX(${rotationX * 5}deg) rotateY(${rotationY * 5}deg)`; }; const startTracking = (event) => { diff --git a/src/views/ClaimBadgeView.vue b/src/views/ClaimBadgeView.vue index fbd09af..8499c94 100644 --- a/src/views/ClaimBadgeView.vue +++ b/src/views/ClaimBadgeView.vue @@ -388,7 +388,7 @@ onUnmounted(() => { transition: transform 0.1s ease; transform-style: preserve-3d; cursor: pointer; - perspective: 400px; + perspective: 1000px; } .card-title { font-size: 80px;