If you want to add more life to your site, you've come to the right place!
In this article, you will learn how to create interactive animations in RapidUI, using only a few clicks and without writing any code.
- Hover animations:
Hover animations will affect the object when the mouse is hovering above it.
- Click animations:
Click animations will affect the object once the object is clicked.
- On Appear animations:
Appear animations will affect the selected object once the object appears on the screen.
- Repeatedly animations:
Repeatedly animations will affect the selected object constantly and in repeat, regardless of what actions you will make on your site.
How to add interactive animations to your site:
In order to add interactive animation to your site, go to the ‘Animations’ panel, select the object you wish to add animation to and follow these steps:
- Pick the animation trigger - choose what trigger you want to cause the animation (clicked, loaded, right-clicked, scrolled into view, hover (mouse over) etc.)
- Once you've selected the trigger, select the action you want to happen (show or hide object, scroll in page, toggle objects, move page, etc.)
- Select the action settings - which object to toggle (show & hide) / where to scroll / what phone number to dial, etc.)
- Click 'DONE' to activate the animation and switch to user mode to check the result