Using Animated Letters

Animate and customize your copy

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

Ready to bring your copy to life? Vev's Animated Letters element lets you create fluid letter-staggered animations for titles and text.

Using animated letters in Vev

๐Ÿ”ค Adding animated letters

  • From the top menu bar, click Add Menu (Shortcut: M)

  • Search for and select Animated Letters

  • Click and drag the element to your canvas

๐ŸŽจ Styling animated letters

Choose from a variety of options to style and customize the Animated Words element. First, click the element to access the text styles, then select the text box to animate the field.

  • Font Family: Select the font

  • Style: Set the weight of your text

  • Alignment: Set the position of your text

  • Size: Set text size in pixels or ems

  • Line height: Set text line-height in pixels or ems

  • Word spacing: Set the space between words in pixels or ems

  • Letter spacing: Set the space between letters in pixels or ems

  • Color: Set text color


โš™๏ธ Configuration options

Double-clicking the Animated Words element on your canvas opens the configuration options. From here, you can set different parameters such as text, loop, preset animations, and more.
โ€‹

Configuration options are detailed in the chart below.

Parameter

Options

Text

Add the text you want to animate.

Loop

Set the animation to loop continuously.

Run once

Set the animation to run once.

Start delay

Set how long the animation should wait before starting in milliseconds.

Loop delay

Set how long the animation should last in milliseconds.

Fade out element

Choose to either fade the entire word, or fade letter by letter.

Animation presets

Select a pre-built animation.

Easing

Adjust the acceleration of the transition animation.

Did this answer your question?