Shadow

Add a shadow to your graphic objects to add depth and dimension to your user interface. Define their color, size, position and blur level. You can add multiple shadows on the same object and create animation effects on the shadow.

Add a shadow

You can create shadows on text, images, shapes, groups, the Scroll Zone component and the Flexbox component.

Here are the drop shadow properties:

Color: choose the color of the drop shadow.
X: Shift the drop shadow along the x axis (horizontal).
Y: shift the drop shadow along the y-axis (vertical).
Radius: add corners to the shadow
Border : choose to display or not the border and the size of the border

Create a shadow effect

You can create shadow effects using states.

Learn more: States and transitions