📄 drei/staging/shadow-alpha

File: shadow-alpha.md | Updated: 11/15/2025


title: ShadowAlpha sourcecode: src/core/ShadowAlpha.tsx

Makes an object's shadow respect its opacity and alphaMap.

<mesh>
  <geometry />
  <material transparent opacity={0.5} />

  <ShadowAlpha
    opacity={undefined} // number. Override the opacity of the shadow.
    alphaMap={undefined} // THREE.Texture. Override the alphaMap of the shadow
  />
</mesh>

Note: This component uses Screendoor transparency using a dither pattern. This pattern is notacible when the camera gets close to the shadow.

<details> <summary>Maintenance</summary> </details>