---

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

<Grid cols={4}> <li> <Codesandbox id="qxjoj" /> </li> </Grid>

A contact shadow implementation, facing upwards (positive Y) by default. scale can be a positive number or a 2D array [x: number, y: number].

<ContactShadows opacity={1} scale={10} blur={1} far={10} resolution={256} color="#000000" />

Since this is a rather expensive effect you can limit the amount of frames it renders when your objects are static. For instance making it render only once:

<ContactShadows frames={1} />