e-addons

Share

ic Creative bwe-Creative

Extension Loop Animations

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

It allows you to create different types of looped animation for all elements.
When the element leaves the visualization it stops moving for a perfect performance.

See also LIVE ANIMATIONS

Original and parameterizable looped animations: ideal for creative sites

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 loop anim
animations extension loop anim custom

Animations type

Animation infinite loop or for a specific amount of times.

ruota
Rotation
attraversa
Passes Through
pulsa
Pulsates
gallleggia
Floats
dondola
Swing
zigzag
ZigZag
rotola
Rolls
shake
Shake
svgshapes anim loop anim

Params

There are 8 possibilities:

  • Rotation
  • Float
  • Passes Through
  • Pulsates
  • Swing
  • Rolls
  • Zigzaz
  • Shake

The parameters are duration, delay and easing.

Options:

  • Yoyo
  • Transform origin

DEMO

Basic Example

placeholder

Add Your Heading Text Here