If after updating to v2.3.0 you see a warning, go to the plugin settings and click the “Save settings” button.

My accountBuy now

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.

Custom ScrollTrigger Animations

YouTube video

Now you can find a class called:

fa--custom

To control the custom animation you can use the variable:

var(--fa-scroll--custom)

This variable returns values from 0 to 1, the value will also depend on the modifiers.

This opens up the possibilities to use various animations with transforms, e.g:

transform: translateX(calc(var(--fa-scroll--custom) * -100%)) scale(var(--fa-scroll--custom))

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.