Component advanced/000

Component ID: advanced/000

Text items appear one at a time with a dramatic zoom/scale-up and fade-in effect, then zoom-out with fade before the next item appears. If the text is an array of strings, each string is shown sequentially. Creates a bold, attention-grabbing text presentation effect.

Section	Special text animation effects (zoom, falling) that go beyond the basic text styles
Animation	Per text item: scale up from 0.2 to 1 with fade-in (800ms, easeOutSine), pause 500ms, then scale from 1 to 3 with fade-out (600ms, easeInExpo). Cycle repeats for each text item.
Intro duration	10 s

Preview

Element schema

Minimal shape of a advanced/000 component element:

{
    "type": "component",
    "component": "advanced/000",
    "settings": {}
}

See the full component element reference for shared properties like duration, start, x, y, etc.

Settings

The settings property accepts the following groups. Each group contains CSS-like properties; see component CSS properties for the full list of supported keys.

`animation`

Text content and styling.

Property	Type	Default	Description
`text`	string\|array	—	Text to display. Can be an array for sequential items.
`color`	string	`white`	Text color.
`font-size`	string	—	Font size.
`font-family`	string	`Roboto`	Google Font name.
`text-stroke`	string	—	Text outline/stroke (e.g. '2px black').
`vertical-align`	string (enum)	`center`	Vertical position. Values: `top`, `center`, `bottom`
`text-align`	string (enum)	`center`	Text alignment. Values: `left`, `center`, `right`