DropShadow
Adds a soft shadow behind the child content based on its alpha silhouette
Adds a soft shadow behind the child content based on its alpha silhouette
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | color | #000000 | Shadow color |
| distance | range | 0.1 | How far the shadow is offset from the content |
| angle | range | 135 | Direction the shadow is cast (compass degrees: 0=up, 90=right, 135=lower-right, 180=down) |
| blur | range | 5 | Shadow softness (blur radius in pixels) |
| intensity | range | 0.5 | Shadow intensity - how strong/visible the shadow is |
| cutout | checkbox | false | Hide the original layer and show only the shadow |
Usage
vue
<Shader>
<DropShadow
color="#000000"
:intensity="0.5"
>
<Circle />
</DropShadow>
</Shader>