e-addons

Share

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on telegram
Share on skype
Share on email
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
totop
toleft
toright
toscaleout
toscalein
tobottomrotation
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

e-Creative

Single site

19

per year

e-Creative

Unlimited Sites

47

per year

-66%

All PRO plugins

Full Access Pass

From

59

Yearly or Lifetime

European citizens: prices shown do not include tax (will be calculated on checkout based on your location and VAT ID).

Money_back

14 Days money-back guarantee

Download

Insert your email
and proceed to download

Get updates and special offers for e-ADDONS PRO

Thanks!

Get updates and special offers for e-ADDONS PRO

Subscribe to our newsletter

By entering your email, you agree to our Privacy Policy.