Element Animation Options control how the Element loads on the page. It can be found under the Extras Tab, which is currently available on 18 Design Elements, and 8 of the 9 Layout Section Elements. Animations can also be found in 2 Child Elements as well. Currently, the following Elements have these options:,Design Elements
Alert Element
Audio Element
Breadcrumbs Element
Button Element
Column Element
Content Box Child Element
Flip Box Child Element
Icon Element
Image Element
Image Before & After ElementMenu Element
Nested Column Element
Portfolio Element
Privacy Element
Recent Posts Element
Search Element
Table Element
Tagline Box Element
Text Block Element
Title Element,Layout Section Elements
Author Element
Comments Element
Content Element
Featured Images Slider Element
Meta Element
Pagination Element
Project Details Element
Related Posts Element,767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada,Extras Tab Animation Options
Animation Type – This controls the column』s animation type. This animates the chosen Element as the page loads. Choose between None, Bounce, Fade, Flash, Rubberband, Shake, Slide, or Zoom.
Direction of Animation – This controls the direction of the animation on the chosen Element. Choose between Top, Right, Bottom, Left, or Static.
Speed of Animation – This controls the speed of the animation on the chosen Element. Choose between 0.1 to 5. This is in seconds.
Offset of Animation – With this option, you can configure exactly when the animation will start. Without this, many animations would run before the content was in the viewport. Choose between Default, Top of element hits bottom of viewport, Top of element hits middle of viewport, or Bottom of element enters viewport.
The image below shows the Alert Element Extras Tab, and is set to animate on load. The specific settings for this image are Slide, Right, 0.5, and Top of Element Hits Middle Of Viewport.,Global Animation OptionsThere are also two global options relating to Element Animations, as seen below. These are found in Avada > Options > Avada Builder Elements > Animations, and here you can control the default Animation Offset, and whether animations are enabled on Desktop Only, Desktop & Mobile, or are turned off entirely.