improve fancy title

vdawg-git · vdawg-git · commit f7b0b453ba09 · 2024-05-03T20:03:58.000+03:00
diff --git a/src/components/FancyTitle.astro b/src/components/FancyTitle.astro
@@ -95,8 +95,8 @@ const [top, middle, bottom] = colors
       console.log(mouseX, mouseY, distance)
 
       top.style.transform = `translate(${(Math.sin(mouseX / 60) * offset) / 2}px, ${(Math.sin(mouseY / 60) * offset) / 2}px)`
-      middle.style.transform = `translate(${Math.sin(mouseX / 50) * offset}px, ${Math.sin(mouseY / 50) * offset}px)`
-      bottom.style.transform = `translate(${Math.sin(mouseX / 40) * offset}px, ${Math.sin(mouseY / 40) * offset}px)`
+      middle.style.transform = `translate(${Math.sin(mouseX / 50) * offset + 8}px, ${Math.sin(mouseY / 50) * offset + 8}px)`
+      bottom.style.transform = `translate(${Math.sin(mouseX / 40) * offset + 16}px, ${Math.sin(mouseY / 40) * offset + 16}px)`
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -95,8 +95,8 @@ const [top, middle, bottom] = colors`
`95`	`95`	`console.log(mouseX, mouseY, distance)`
`96`	`96`
`97`	`97`	top.style.transform = `translate(${(Math.sin(mouseX / 60) * offset) / 2}px, ${(Math.sin(mouseY / 60) * offset) / 2}px)`
`98`		- middle.style.transform = `translate(${Math.sin(mouseX / 50) * offset}px, ${Math.sin(mouseY / 50) * offset}px)`
`99`		- bottom.style.transform = `translate(${Math.sin(mouseX / 40) * offset}px, ${Math.sin(mouseY / 40) * offset}px)`
	`98`	+ middle.style.transform = `translate(${Math.sin(mouseX / 50) * offset + 8}px, ${Math.sin(mouseY / 50) * offset + 8}px)`
	`99`	+ bottom.style.transform = `translate(${Math.sin(mouseX / 40) * offset + 16}px, ${Math.sin(mouseY / 40) * offset + 16}px)`
`100`	`100`	`}`
`101`	`101`	`}`
`102`	`102`