added movement of the css background

This commit is contained in:
chark1es 2025-02-08 06:34:23 -08:00
parent 03e1f8ab44
commit 3f084860be

View file

@ -4,9 +4,19 @@ import Link from "next/link";
---
<Layout>
<div class="h-screen w-full flex justify-center items-center relative">
<div
class="h-screen w-full flex justify-center items-center relative overflow-hidden"
>
<div
class="bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
class="animate-pulse bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
>
</div>
<div
class="animate-pulse delay-75 bg-gradient-to-r from-blue-600/30 to-purple-600/30 w-[90vw] h-[55vw] md:w-[38vw] md:h-[24vw] md:blur-[4vw] blur-[9vw] rounded-full absolute -rotate-45"
>
</div>
<div
class="animate-pulse delay-150 bg-gradient-to-tr from-ieee-yellow/20 to-blue-500/20 w-[95vw] h-[58vw] md:w-[40vw] md:h-[25vw] md:blur-[3.5vw] blur-[8.5vw] rounded-full absolute rotate-45"
>
</div>
<div class="flex flex-col items-center z-10">