03 June 2011

Gradient text in Flex

Though a very small code but very helpful to create a gradient text in Flex using spark components:-

<s: Graphic maskType="alpha">
    <s: Rect width="{textMask.width}" height="{textMask.height}">
        <s: fill>
            <s: LinearGradient rotation="90">
                <s:entries>
                    <s:GradientEntry color="#000000" />
                    <s:GradientEntry color="#DDDDDD" />
                </s:entries>
            </s: LinearGradient>
        </s: fill>
    </s: Rect>
    <s: mask>
        <s: RichText id="textMask" fontFamily="Arial" fontSize="20">
            <s: content>Hello World!! I am gradient text</s:content>
        </s: RichText>
    </s: mask>
</s: Graphic>


0 comments:

Post a Comment