| name |
strands |
| description |
A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero
backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
|
| triggers |
strands |
shader background |
webgl background |
着色器背景 |
动态背景 |
|
| od |
| mode |
surface |
platform |
category |
preview |
design_system |
prototype |
web |
desktop |
animation-motion |
|
|
|
A GPU fragment-shader background (dependency-free WebGL).
Copy _fx/shaderbg.js + strands.js; add <div class="strands" style="position:absolute;inset:0"></div> behind content.