Add and change a shadow
Design
February 24, 2021
updated February 24, 2021
Shadows are available for texts, buttons and images.
To add a shadow:
- Choose the text, button or image element.
- Click the Add shadow button
1
in the Style panel (if there are no any borders applied to the element). - Set the Shadow size in the field
2
field by clicking the “+
” or “-
” buttons or by typing in the specific value. The bigger the number, the more blurred the shadow will be. - Set the shadow Color
3
in the Palette - Set the shadow Offset
4
using the X and Y axes. Positive numbers move the shadow right or to the bottom of from the element; negative numbers move left or top.
You can remove the shadow by clicking the Remove shadow button 5
.


He started with development background, then turned into designer and finally came to the product management. Yuri has had a tremendous and different experience. He managed production in a digital agency, managed the development of different apps, financial platforms, CRMs and ERPs. Moreover, Yuri won in some hackathons. Yuri is passioned about building systems and unravel chaos.