How can we help you?
You can style an element’s shadow to complement your brand and business needs.
Use the shadow option to customize elements in web projects.
| # | Option | Function |
|---|---|---|
| 1 | Color selector | Choose the display of the shadow by selecting the color palette. |
| 2 | X-axis | The x-axis allows you to adjust the shadow of the element horizontally. |
| 3 | Y-axis | The y-axis allows you to adjust the shadow of the element vertically. |
| 4 | Blur | This option lets you blur the element’s shadow. |
| 5 | Spread | You can adjust the spread value of the element. |
| 6 | Outer shadow | Style the outer shadow of the element by adjusting the spread, blur, y, and x-axis. You can add the shadow to the outside of the element. |
| 7 | Inner shadow | Style the inner shadow of the element by adjusting the spread, blur, Y and X-axis. You can add the shadow to the inside of the element. |
| 8 | Add Shadow | The Add Shadow button allows you to add multiple shadows to your element. |
| 9 | X icon (Clear all) | The icon properties allow you to clear all the changes and return the element’s shadow settings to default. |
Join us as we examine one of the many ways you can style an input element using the Shadow setting. Alternatively, contact us today if you have a specific business use case in mind.
The example below shows how to change the shadow of the element.
You can add shadows to different elements, for instance, a text element.
