How It Works

Fancy Animations is a CSS animation framework, which means you only need to add the CSS class with the animation’s name to the element you want.

To differentiate the animations from other classes, animation names and options start with ‘fb-anim–‘

Animations css for brick builder

You can apply animations to any element: sections, containers, blocks, text, images, icons, etc.

Animate blocks bricks builder

If you add new animations to the page, after saving it takes 2 seconds to generate the CSS.

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.