Heading layer

Heading layers are texts wrapped around html heading tags.

Text

The text which will appear on your slide.

Link

You can add an url, or pick from the given  link options, where you can find lightbox or slide switching options. Also you can choose if you want to open up your link in a new page or in the current one. And there are rel attribute options too.

Tags

These are what kind of h tag your text will be (from <h1> to <h6>).

Full width

You can choose to make your heading to only have the width of the text, or to make it Full width, which will make it as wide as the layer is. This option is mostly important for the style background color, or the font aligning.

No wrap

If it's turned on, and your text is longer, than the width of your layer, it will still stay in one row. If it's turned off, the text will go to the next rows.

Title Expert

When you hover over your heading and you give a title to it, that will appear.

Split text animations

Split text animations are available in the PRO version only.

You can create a whole new animation for your text separately from the layer animation. Check out this documentation for further information.

Split text animations can only be applied to Heading layers This animation will split the entered text into characters, words or lines, and move those parts. You can give one split text animation for the slide incoming, and one for the slide outgoing.

In the animation manager there are sets, which are groups of animations. You can choose from those animations, add new ones to them, create new sets, and manage them. In the Split text settings you can see the values used by the specific animations, and you can modify them, or just create new ones from blank. In the preview you will see an image with the size of your layer repeating the given animation.

Split text animation manager

Mode

You can select if you would like this animation to be applied to Chars (characters), Words or Lines.

Sort

The animation doesn't have to be played in the order of the parts, and you can change that here.

Easing

The pace of the animation. You can see them here.

Stagger

This is the time that passes between the part animations.

Duration

This is how long it takes to finish the whole animation.

Opacity

The starting transparency of the text.

Scale

This is how much bigger the chars / words / lines will be at the start based on their original sizes.

Offset

The starting distance from the original position.

Rotate

The starting angle from the original position

Split text - options

Backface visibility

The backface-visibility defines whether the back of an element should be visible or not when it's rotated to face the screen.

Transform origin

The animations are played from this point. The 0,0,0 position is the top left corner of the text.

Demo sliders

Would you like to see some example on how the split text animation is working on real sliders? Check out these demo sliders:

Custom css classes Expert

You can add a custom css class, that will be on the h tag.