Ctrlk
CommunityJoin our Waitlist
For the complete documentation index, see llms.txt. This page is also available as Markdown.

How do I add shadow to elements

1

Begin by selecting the element

How do I add shadow to elements — step 1
2

On our right side contextual panel, look for Shadow:

How do I add shadow to elements — step 2
3

Then toggle the Shadow feature On:

How do I add shadow to elements — step 3
4

Add your specific pixels for Left here:

How do I add shadow to elements — step 4
5

Add your specific pixels for Top here:

How do I add shadow to elements — step 5
6

Blur can be adjusted here by adding the specific size:

How do I add shadow to elements — step 6
7

And the spread of the shadow can be manually adjusted here:

How do I add shadow to elements — step 7
8

Color for the shadow can be changed and adjusted here:

How do I add shadow to elements — step 8
9

You can adjust the opacity here:

How do I add shadow to elements — step 9
10

Or you may use our color picker here:

How do I add shadow to elements — step 10
11

Hex code can also be entered on the space provided:

How do I add shadow to elements — step 11
PreviousHow to add Vertical and Horizontal Padding to textbox
NextHow to Copy/Paste Style

Last updated

Was this helpful?