Drop-Shadow Text-Effect
The drop-shadow text-effect draws a soft shadow around the text. This effect requires MIDP 2.0 with floating point support (either by supporting the CLDC 1.1 configuration or by using the Floater tool).
Usage
The above effect has been realized for the screen's title with following settings:
title {
//#if polish.midp2 and polish.hasFloatingPoint
text-effect: drop-shadow;
text-drop-shadow-inner-color: #a0909090;
text-drop-shadow-outer-color: #20cccccc;
text-drop-shadow-size: 3;
//#endif
layout: horizontal-center | horizontal-expand;
font {
face: proportional;
size: large;
style: bold;
color: #eef1e5;
}
background {
type: simple;
color: #ffffffff;
}
}
Specific design attributes of the drop-shadow text-effect:
| CSS Attribute | Default | Values | Explanation |
|---|---|---|---|
| text-drop-shadow-inner-color | #A0909090 | ARGB color definition |
The color of the shadow close to the text.
text-drop-shadow-inner-color: #a333; |
| text-drop-shadow-outer-color | #20909090 | ARGB color definition |
The color of the outer shadow, which must be less opaque than the start-color and the
difference between them should be at least the size of the shadow.
text-drop-shadow-inner-color: #a333; |
| text-drop-shadow-size | 6 | integer |
The size of the shadow (in all directions).
text-drop-shadow-size: 3; |
| text-drop-shadow-offsetx | 1 | integer |
Sets the x-offset in pixels of the shadow.
Positive x-values move the shadow towards the right.
text-drop-shadow-offsetx: -1; |
| text-drop-shadow-offsety | 2 | integer |
Sets the y-offset in pixels of the shadow.
Positive y-values move the shadow towards the bottom.
text-shadow-offsety: 2; |
JavaDoc
