added movement of the css background
This commit is contained in:
parent
03e1f8ab44
commit
3f084860be
1 changed files with 12 additions and 2 deletions
|
@ -4,9 +4,19 @@ import Link from "next/link";
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout>
|
<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
|
<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>
|
||||||
<div class="flex flex-col items-center z-10">
|
<div class="flex flex-col items-center z-10">
|
||||||
|
|
Loading…
Reference in a new issue