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