Check out the new FA UI V.2.4.3

Check video

If you delete the Fancy Animations plugin please create a backup first, there is a rare bug that we haven't been able to reproduce yet. It has only occurred with 2 users.

Entrance Animations distance overwrite

Now you can customize the distance of the following animations using variables. Just define the variable with your desired value in the element, and it will override the default animation distance.
Example:

--fa-bounce: 20px;

It is important that you add the unit (px, rem, em, %, etc).

Bounce

--fa-bounce

Kenburns

--kenburns-tl-start
--kenburns-tl-end
--kenburns-tr-start
--kenburns-tr-end
--kenburns-l-start
--kenburns-l-end
--kenburns-r-start
--kenburns-r-end
--kenburns-bl-start
--kenburns-bl-end
--kenburns-br-start
--kenburns-br-end
--kenburns-center-start
--kenburns-center-end

Slide

--slide-ltr
--slide-rtl
--slide-ltr-s
--slide-rtl-s
--slide-btt
--slide-ttb
--slide-btt-s
--slide-ttb-s

Turn on the optimise CSS option when you have finished adding all your animations.

If you are using ACSS make sure you have version 2.7 or higher for best compatibility.

.fb-anim--fade-in combines very well with all animations.

Activate and deactivate the A/F button in the editor to restart the animation.

Animations do not work with position fixed elements.