Animations
Captivate visitors' attention by adding striking visual effects to elements
Make your content pop with stunning visual effects. Add animations, hover effects, and click effects to specific elements for an engaging and dynamic user experience.
After selecting an element or section, select the type of animation you want to apply to it.
Animation type
FoxStudio offers 3 animations, based on when you want them to appear.
Entrance animation
An entrance animation appears when the element first enters into view, instantly grabbing attention.
Hover animation
Hover animation is triggered when visitors hover over an element.
Click animation
Click animation is triggered when visitors click an element.
How to add an animation
Steps:
Click on the element or section you want to add an animation to.
In the Inspector panel, select the Animations tab and choose the animation type.
Customize the settings for the animation like duration, delay, and iteration (optional).
Save the changes.
The element having an animation setup can be easily distinguished with a lightning bolt icon 
next to it in the Layers panel.
How to customize an animation
After choosing an animation, set it up to behave how you want. Manage the timing, duration and whether you want it to be repeated, then preview the final result directly from the editor.
Steps:
Click on the relevant element or section.
In the Inspector panel > Animations tab, click the animation type you want to change.
Change its settings:
Duration: Set the length of time the animation takes to complete.
Delay: Change the delay for the start of the animation.
Iteration: Set the number of times an animation is played. The default value is 1.
Last updated
Was this helpful?