diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2024-10-14 16:17:19 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2024-10-14 16:17:19 +0800 |
| commit | 0d69b7f5b85282fd84dac2c411fc38d5bb4374bb (patch) | |
| tree | 1be5938247612389494f6829727d31e9904df6df | |
| parent | 34bafea1c228e185cc4f06d46466db614dceb717 (diff) | |
remove dark: with --dark since .dark works
move: moved animate-ZoomIn to only apply to the tilted window
| -rw-r--r-- | app/page.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/app/page.tsx b/app/page.tsx index d14ccd3..b480509 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -9,10 +9,10 @@ import Parallax from "react-next-parallax"; export default function Home() { return ( - <div className={cn("h-screen w-full top-0 left-0 overflow-hidden fixed -z-6 animate-ZoomInFast")}> - <section className={cn("top-0 left-0 m-0 p-0 w-full h-full bg-center bg-no-repeat bg-cover text-foreground dark:text-dforground bg-background dark:bg-dbackground")}> - <Parallax fullPageListening spotGlareEnable={false} lineGlareEnable={false} className={cn("tilt relative top-[15%] left-[10%] h-[70%] w-[80%] bg-transparent flex justify-center items-center z-[999] overflow-visible animate-zoomIn")}> - <div className={cn("relative w-full h-full border border-white rounded-[1em] flex justify-center items-center text-center z-[11] shadow-[0_0_100px_rgba(5,1,13,0.4)]")}> + <div className={cn("h-screen w-full top-0 left-0 overflow-hidden fixed -z-6")}> + <section className={cn("top-0 left-0 m-0 p-0 w-full h-full bg-center bg-no-repeat bg-cover text-foreground bg-background")}> + <Parallax fullPageListening spotGlareEnable={false} lineGlareEnable={false} className={cn("tilt relative top-[15%] left-[10%] h-[70%] w-[80%] bg-transparent flex justify-center items-center z-[999] overflow-visible")}> + <div className={cn("relative w-full h-full border border-white rounded-[1em] flex justify-center items-center text-center z-[11] shadow-[0_0_100px_rgba(5,1,13,0.4)] motion-safe:animate-ZoomInFast")}> <div className="relative w-full text-center"> <h2 className="font-inter text-[2.5vw] " data-parallax-offset="-5">Hello! I'm</h2> <div className={cn("font-monoton uppercase text-[7vw] transition-all text-shadow-[15px_15px_15px_black]")}> |