WebCode supports shadows for fills, strokes and text. It also supports inner shadows for fill. Both are very useful for simulating plasticity in your drawings. Shadows depend on the color they use. If such color is adjusted, the derived shadow is updated accordingly.
To use a shadow, select it from a shadow popup button menu.
These menus are automatically populated with your Library shadows. Note that shadows for fill and stroke are set separately. Fill also supports inner shadows.
There are 2 basic ways of adding a new shadow:
After adding a new shadow, a shadow editing popover appears. More about editing a shadow can be found in the following section.
(Note that you can also add shadows by copying and pasting shapes that use shadows from another document)
You can edit a shadow by double-clicking on it in the Library. Alternatively, you can reselect the same shadow in the Inspector popup button to show the edit color popover.
The text field contains the name of the shadow. WebCode generates all names for you, but you can always change them to be more descriptive.
To change the color of the shadow, select a color from the popup button menu. A few tips: