e-addons

Share

ic Creative bwe-Creative

Extension Live Animations

The live animations extension is located in the Motion effects panel of Elementor’s advanced tab.

It allows you to create different types of animation for the entry of elements and also lives when the object leaves the viewport during page scrolling.

See also LOOP ANIMATIONS

Modular and composable entrance animations

Target

You can define a target different than the whole element, indicating the CSS selector (.class, #id or tag) to animate the element you want.
By default the entire element will be used.

animations extension live anim
animations extension live anim custom

Animations type

Entrance animations automatically snap to the visibility trigger.

alphaopacity
tobottom
tobottomrotation
toleft
toright
toscalein
toscaleout
totop
totoprotation
random
svgshapes anim entrance animation

Entrance

You can create your scene by composing the transformations between 5 properties:

  • Opacity
  • Horizontal movement
  • Vertical movement
  • Scale in or out
  • Rotation clockwise and counterclockwise 

Amount movement: is the amount of shift based on the coefficient, from 0.1 to 2 where 1 is normal.

The parameters are duration, delay and easing.

Options:

  • Yoyo
  • Trigger LIVE

 

DEMO

Basic Example

placeholder

Add Your Heading Text Here