e-addons

Share

ic Creative bwe-Creative

Heading Motion Extension

Transition Element’s native Heading Widget text in a creative and striking way.

The animation effects are summable and the mask option adds magic.

The Live method is available, which recreates the scene every time you scroll the viewport.

Animated effects of letters, words and lines such as Typing-Motion directly on basic Elementor’s Heading Widget
headingmotion 1

Heading Motion Extension

Enable effects on Heading Widget

Animations

  • Type: Chars, Words, Lines

    There are several parameters for both input (IN) and output (OUT) animation, the editable values are:

    • Opacity
    • Horizontal left &right
    • Vertical top & bottom
    • Scale in & out
    • Rotation left & right
    • RANDOM

    All effects are modular

    The amount of movement

headingmotion animation
typemotion duration delay ease

Time Options

  • There are several parameters for both input (IN) and output (OUT) animation, the editable values are:

    • Speed
    • Amount (contray effect)
    • Delay
    • Easing Equation
      • PowerN
      • Back
      • Elastic
      • Bounce
      • Circ
      • Expo
      • Sine

    The velocity equations.

Animations

Letters, words and lines come in alternating sequence based on relative or global values.

Relative – ex: each letter enters in 0.3 seconds

Global – ex: (it does not depend on number of letters) in 1.5 seconds they enter all

Origin of the sequence

  • Start
  • Center
  • End
  • Random
headingmotion sequence

Animation Options

Among the available options: masking and live-effect on scroll.

headingmotion option

DEMO

Basic Demo

Add Your Heading Text Here

in motion