Advanced Animations

Bring your Elementor content to life with Advanced Animations from the Topper Pack. This extension allows you to apply stunning entrance animations to any Elementor section, container, or widget — without writing any code.

✅ How to Enable

1. Navigate to Topper Pack → Extensions in your WordPress dashboard.
2. Toggle the switch to enable “Advanced Animations”.
3. Click Save Settings.

🎯 How to Use It

1. Edit the section or widget in Elementor.
2. Go to the Advanced tab.
3. Open the Animations (TP) panel.
4. Toggle Enable Animations to “Yes”.
5. Choose your animation settings:
   • Animation Type:
     Choose from Fade, Slide Up, Slide Down, Slide Left, Slide Right, Zoom In, Zoom Out, Flip X, Flip Y, Rotate, or Bounce.
   • Trigger:
     Set when the animation should occur: On Scroll, On Hover, On Click, or On Page Load.
   • Duration & Delay:
     Customize the animation’s speed and delay in milliseconds.
   • Scroll Offset (%):
     Set how far the user must scroll before the animation triggers.
   • Easing Function:
     Choose from Ease, Ease In, Ease Out, Ease In Out, Linear, or Cubic Bezier for smoother transitions.
   • Repeat Animation:
     Enable if the animation should repeat.
   • Animate Once:
     Choose if the animation should occur only once per page load.