How to animate?

Hi there,

In order to use default animations, you do not need to touch the CSS.

You just need to add the pre-defined class to an element. Depending on your theme, there should be an area to add a class to an element. If you’re using elementor, there is a helpful guide here.

https://themes.artbees.net/docs/assigning-an-id-or-class-to-an-element-in-elementor/

If you’re using another theme then you’ll probably need to google to find the area to input the class.

Once you have found it, you literally just need to add the class youve chosen (e.g fade-in) and then the animations will apply based on your configurations in the settings tab.

Activating elements is for Advanced animations only which is a separate way of animating and completely independent from default animations.

I hope that clears things up a little.

Any questions feel free to fire away.
Aaron

• This reply was modified 6 years ago by Toast Plugins.

Hi there,

If you’re running the free version. You can simply add any of the predefined classes below to the CSS Class.

move-in-up, left, right, down
fade-in-up, left, right, down
flip-up, left, right, down
bounce-in-up, left, right, down

For example if I wanted an element to fade in from the top. I would simply add fade-in-down to the input area.

Hope that helps!

Hi Scarlet,

Apologies for the delayed response. I missed the notification when this came through.

You’ve probably got to grips with things now but yes, the class can be added like this.

Many thanks
Aaron