From fbf184d4d04b79487cd6325b130440af53e39303 Mon Sep 17 00:00:00 2001 From: davay Date: Sun, 25 Feb 2024 15:07:31 +0700 Subject: [PATCH] hovers --- components/MainPage.vue | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/components/MainPage.vue b/components/MainPage.vue index 9ea11dd..ddc2eab 100644 --- a/components/MainPage.vue +++ b/components/MainPage.vue @@ -28,6 +28,9 @@ const { elementX: descX, elementY: descY, isOutside: descOut } = useMouseInEleme const cv = ref(null) const { elementX: cvX, elementY: cvY, isOutside: cvOut } = useMouseInElement(cv) +const web = ref(null) +const { elementX: webX, elementY: webY } = useMouseInElement(web) + @@ -64,7 +67,12 @@ main.site-grid.dark-text-light-300.min-h-100vh.flex.flex-col .z-4 CV - a.p-8.bg-blue-200.dark-bg-blue-600.font-bold.text-lg.flex.items-center(href="/web-dev/") Web Development + a.p-8.bg-blue-200.dark-bg-blue-600.font-bold.text-lg.flex.items-center.relative.overflow-clip(href="/web-dev/" ref="web") + + svg.w-120.absolute.-top-60.-left-60.filter.z-0.transition-none.op-50(:style="{transform:`translate(${webX}px, ${webY}px)`}" viewBox="-50 -50 100 100" fill="none" ) + rect.fill-purple-400(:width="20" :x="-10" :y="-10" :height="20") + + .z-4 Web Development a.p-8.bg-purple-200.dark-bg-purple-600.font-bold.text-lg.flex.items-center(href="/music/") Music