Animated Heading Layer
You can find the Animated Heading layer in the Slide Editor.
The Animated Heading Layers are texts which is able to change a specific part of the text to another one from a list.
Content
General
Before text
The text that appears before the animated text.
Animated text
These texts will keep changing each other over time. Each line represents a single state. If you want to create an empty line, use either of these HTML characters:
​
​
After text
The text that appears after the animated text.
Link
Link
You can put a link on the layer. Learn more about the link options at the Link documentation.
Target window
Specifies where to open the linked document.
Rel
The rel attribute specifies the relationship between the current document and the linked document.
Animation
Type
These are the available text replacing animations.
Auto Width
You can choose to make your Animated text automatically adjust its width each time the text changes or to make it as long always as much space the longest text in the Animated text list requires.
Loop
By default, the animation will be played only once, meaning that the animation will stop on the last line of the Animated text field. By enabling the Loop option, your texts will constantly keep changing each other!
Delay
A start delay can be set, so the animation will only start when this time has passed.
Speed
This is how fast the text replacing animation is executed. The bigger the number the faster the animation.
Show Duration
Each line of the Animated text field will be shown for the given time.
Advanced
Tag
These are what kind of h tag your text will be (from <h1>
to <h6>
) or a <div>
.
CSS Class
You can add a custom CSS class, that will be on the h or div tag.
Style
Typography
Learn about the typography options at the Layer Typography & Design documentation.
Background
Learn about the background options at the Layer Typography & Design documentation.
Border
Learn about the border options at the Layer Typography & Design documentation.
Spacing
Learn about the spacing options at the Layer Typography & Design documentation.
Responsive
Learn about the responsive options at the Layer Style documentation.
Effect
Learn more about the effect options at the Layer Style documentation.
Position
Learn about the position options at the Layer Style documentation.
Size
Learn about the size options at the Layer Style documentation.
Advanced
Learn more about the advanced options at the Layer Style documentation.
Animations
Learn about the animations at the Animation documentation.