javaxman/NexStudio
1
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Riduce i micro-blocchi allo scroll alleggerendo canvas e spine SVG.

Browse Source 
Il canvas particelle era alto quanto tutto il documento e ridisegnava ogni frame; ora resta sul viewport e si ferma durante lo scroll.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Javaxman
2026-07-30 11:59:58 +02:00
parent ef343a31b5
commit b687bc8ac2
3 changed files with 88 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/global.css
View File

@ -36,14 +36,15 @@
}
}
/* Canvas particelle: dentro .nx-grid-bg, sopra lo sfondo della sezione */
/* Canvas particelle: fisso al viewport (non alto quanto tutto il documento) */
.nx-particle-layer {
position: absolute;
position: fixed;
inset: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
}
/* Subtle grid (Vercel-like) + vignette */
@ -128,11 +129,16 @@
/* Spine: prolunga i flussi hero verso la fascia “Prodotti” (dietro al contenuto) */
.nx-dataflow-spine {
position: absolute;
inset: 0;
top: 0;
left: 0;
right: 0;
/* Solo fascia hero → prodotti: evita SVG filtrato alto quanto tutto il main */
height: min(160vh, 2200px);
z-index: 0;
pointer-events: none;
overflow: hidden;
opacity: 0.46;
contain: paint;
mask-image: linear-gradient(
to bottom,
transparent 0,