Text with fade in style

Demo:

002 style schema

This is a simplified schema of a 002 style element:

{
    "type": "text",
    "style": "002",
    "text": "",
    "settings": {}
}

Check the full specification of the Style schema in the API documentation.

Settings property for 002

This text style has the following default properties in the settings field:

Object property
Default value
font-size
"4vw"
font-family
"Roboto"
font-weight
"400"
text-align
"center"
vertical-align
"center"
text-shadow
"2px 2px rgba(33,33,33,0.5)"
color
"#FFFFFF"

Usage examples

Check the following examples of 002:

Example 1

{
    "__thumbnail": "",
    "__preview": "",
    "width": 640,
    "height": 360,
    "quality": "high",
    "draft": false,
    "scenes": [
        {
            "background-color": "#6BAA75",
            "elements": [
                {
                    "type": "text",
                    "style": "002",
                    "text": "Text fade in",
                    "settings": {
                        "font-size": "80px",
                        "font-family": "Grape Nuts"
                    },
                    "duration": 5
                }
            ]
        }
    ]
}