Has Dropshadow

Introduction

Has Dropshadow controls whether a dropshadow is drawn below an element. By default this value is false.

The following image shows two RoundedRectangles. The left with Has Dropshadow unchecked, the right with Has Dropshadow checked.

Two RoundedRectangle instances

Note that if an instance has a dropshadow, the dropshadow renders outside of the bounds of the instance.

Dark pixels from a dropshadow rendering below the bounds of a RoundedRectangle

Dropshadows draw as part of the object, so if multiple objects stack, their dropshadows also stack.

Multiple stacked ColoredRectangles with dropshadows

Dropshadow Offset X and Y

Dropshadow Offset X and Y control the position of the dropshadow relative to the main body of the instance. By default this value is 3 pixels below (Dropshadow Offset Y of positive 3).

This value can be changed to offset the dropshadow in any direction increasing a sense of height for the element.

Dropshadow Offset X and Y can affect the dropshadow position

Dropshadow Blur X and Y

Dropshadow Blur X and Y control how much to blur the dropshadow on the X and Y axes, respectively. A value of 0 creates a sharp shadow, while a larger value increases blur. Note that the X and Y values can be adjusted independently.

Dropshadow Blur X and Y values can be adjusted to make a dropshadow more blurry

Dropshadow blur values roughly measure the number of pixels that it takes to interpolate the edge of a shadow from its full color to fully transparent. This value is not exact due to antialiasing.

Dropshadow Alpha

Dropshadow Alpha controls the transparency of a dropshadow. A fully-opaque dropshadow has an alpha of 255. This value can be modified to decrease or increase the dropshadow's opacity.

Dropshadow Alpha adjusts the dropshadow transparency

Dropshadow Red, Green, and Blue

Dropshadow Red, Green, and Blue can be used to adjust the dropshadow color. Usually dropshadows are pure black with their transparency adjusted by Dropshadow Alpha, but they can also include other colors if needed.

Dropshadow Red, Green, and Blue values can be modified to create different colored shadows

Last updated

Was this helpful?