Display Gradient Text

          
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
     xmlns:s="library://ns.adobe.com/flex/spark">
    
    <s:Graphic x="10" y="10" 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!</s:content>
            </s:RichText>
        </s:mask>
    </s:Graphic>
</mx:Application>

Related examples in the same category

1.	Use the text property with standard text:
2.	Use an initialization function to set the text property to a string that contains these characters
3.	Creating a Text control with
4.	A multiline text string in a Text control
5.	Use htmlText to display HTML text
6.	text property changes the text displayed in text controls
7.	htmltext tag
8.	HTMLText With Condense White
9.	HTML Text With Entities
10.	Bind RichTextEdit html text value to Text
11.	The space between the editor and the text is created by the Spacer control
12.	Text is Selectable static text
13.	RichText with span
14.	Using the text property with standard text
15.	Using an initialization function to set the text property to a string that contains these characters
16.	Select the first 10 characters of various text controls
17.	To select all text in a text control, use the selectAll() method
18.	The text in the controls update accordingly
19.	RichText unicodeRange
20.	text property with standard text
21.	tag are not indented because any leading tab or space characters would appear in the displayed text.
22.	Init Text
23.	HTML formatted text, using MXML and ActionScript to specify the text
24.	HTMLTags inside htmlText of Text
25.	Using String properties and methods to get text indexes.
26.	Text Control
27.	Select the 10th line and then scrolls to that line when you click the button

Display Gradient Text : Text « Components « Flex

Related examples in the same category