Kuika's Shadow feature allows you to add depth and aesthetics to elements in your web projects. With Shadow effects, you can add visual emphasis to your designs and create a customized look with settings such as color, position, blur and spread. You can reuse saved shadow styles on different screens and elements, and edit or delete them as needed.
The Shadow feature is only available in Web projects. This feature is not supported in mobile apps.
Custom Style
Color:
Sets the color tone for the Shadow effect.
Hex code, RGB values or the Color Picker tool can be used.
Structure:
X - Y: Positive or negative values can be entered to set the position of the shadow on the X and Y axes.
Blur: Determines how blurry the shadow will be.
Spread: Adjusts how far the shadow spreads.
Adding Shadow to Elements
Log in to the Kuika platform and open your project from the Apps screen.
Select an element from the Elements panel on the left side and add it to the workspace.
Click on the element to make it selected.
Open the Styling panel on the right side.
Go to the Shadow option.
Specify the desired color in the Color field.
Enter the following values in the Structure field:
X, Y: Adjust the position of the shadow.
Blur: Set the amount of blur.
Spread: Set the spread of the shadow.
By following these steps, you can create visually rich and remarkable designs in Kuika.
