max.olchov/HifiPlanet-Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fade the YouTube section's black background in/out instead of a hard cut

Browse source 
Replaces the flat bg-neutral-950 with a gradient that's transparent at
the top/bottom edges and solid black through the middle, so the
section blends into the surrounding page background instead of
starting/ending abruptly.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Maaxxs 2026-07-06 18:29:07 +02:00
parent a17ed3264a
commit 59e9468d23
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
hifi-src/src/pages/public/Home.jsx
View file

@ -218,7 +218,10 @@ export default function Home() {
</div> </div>
</section> </section>
<section className="relative overflow-hidden bg-neutral-950 py-20 sm:py-28"> <section
className="relative overflow-hidden py-20 sm:py-28"
style={{ backgroundImage: 'linear-gradient(to bottom, transparent, #0a0a0a 12%, #0a0a0a 88%, transparent)' }}
>
<div className="pointer-events-none absolute -right-24 -top-24 h-72 w-72 rounded-full bg-brand-500/25 blur-3xl" /> <div className="pointer-events-none absolute -right-24 -top-24 h-72 w-72 rounded-full bg-brand-500/25 blur-3xl" />
<div className="pointer-events-none absolute -bottom-24 -left-24 h-72 w-72 rounded-full bg-brand-500/15 blur-3xl" /> <div className="pointer-events-none absolute -bottom-24 -left-24 h-72 w-72 rounded-full bg-brand-500/15 blur-3xl" />