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
- Select an element with an animation. In the navigator, all elements with the 'lightning' icon have an interaction.

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

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

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

- Preview the animation using the 'Preview' button
