Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-09-03 21:15:36 +05:00
Code Issues Projects Releases Packages Wiki Activity

feat: add backdrop behind intro text

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-05 23:28:44 +05:00
parent 73ccb7bdd3
commit bd2388aaa5
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/Section/Intro.tsx
View file

@ -10,7 +10,8 @@ export const Intro = () => {
}, []);
return (
<div>
<div className="relative">
<div className="absolute -bottom-24 left-0 right-0 top-0 -z-10 bg-[linear-gradient(to_right,#4f4f4f2e_1px,transparent_1px),linear-gradient(to_bottom,#4f4f4f2e_1px,transparent_1px)] bg-[size:16px_16px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_90%,transparent_100%)]"></div>
<div className="flex flex-col mx-auto max-w-fit md:items-center justify-center h-fit py-16 gap-4">
<h1 className="text-4xl md:text-8xl font-medium">Hi, I&apos;m <span className="bg-clip-text bg-gradient-to-br from-[#FFB1CD] via-[#C8E8FE] to-white text-transparent font-bold">Radiquum</span></h1>
<div className="flex flex-col lg:flex-row lg:gap-8 overflow-hidden">