The MegaTech template includes pre-built animations to enhance your website's interactivity, such as scroll animations, hover effects, click animations, and page load animations.

How to add animations

  1. Select an element with an animation. In the navigator, all elements with the 'lightning' icon have an interaction.

interactions-8.png

  1. Choose a trigger such as 'Scroll Into View', 'Click', or 'Hover'.

interactions-2.png

  1. Select an animation type like 'Move', 'Fade', or 'Scale', or choose from the pre-built ones. Some animations work only for specific elements.

interactions-3.png

  1. Adjust parameters such as duration, direction, offset, and delay.

interactions-4.png

  1. Preview the animation using the 'Preview' button

interactions-5.png