Skip to content
pixi-silk
GitHub repository
Interface

InnerShadow

import type { InnerShadow } from 'pixi-silk';

A shadow drawn inside the shape from its own distance field, with Figma’s semantics. The shape is moved by x and y, shrunk by spread and blurred. What it no longer covers is shaded.

Properties#

PropertyTypeDescriptionDefined in
alpha?numberOpacity from 0 to 1. Default 1.SilkGraphics.ts:66
blend?"normal" | "add"add paints it plus-lighter: it brightens what is underneath. Default normal.SilkGraphics.ts:76
blur?numberBlur (standard deviation, local units). Default 0.SilkGraphics.ts:72
color?ColorSourceColour, any Pixi ColorSource. Default black.SilkGraphics.ts:64
spread?numberGrows the shadow inwards. Negative values make it thinner. Default 0.SilkGraphics.ts:74
x?numberHorizontal offset, local units. Positive moves the shadow right. Default 0.SilkGraphics.ts:68
y?numberVertical offset, local units. Positive moves the shadow down. Default 0.SilkGraphics.ts:70