If you get it right, drop shadow effects can really improve the appearance and clarity of text. Mark sent me the starting code for this a little gem a while ago, but I’ve extended it to support Flexs’ CSS Styles support, and have been playing with different settings, which – with a bit of creativity – will give you anything from drop shadows to a bevelled appearance.
There are 4 classes we’ve created which are extensions to 4 basic Flex components – ShadowButton, ShadowLabel, ShadowText and ShadowText. To each you can customise the shadows’ distance, angle, colour, alpha and blur amount. Here’s some examples of the usage, and output of these classes;
Bevelled text:
ShadowLabel, ShadowButton, ShadowText, ShadowCheckBox
{
shadowColor: #ffffff;
} Drop shadowed text:
ShadowLabel, ShadowButton, ShadowText, ShadowCheckBox
{
shadowColor: #333333;
}
