Starter Animation Starter Animation- Container Estimated reading: 3 minutes 14 views Make sure Animation Addons is installed and activated on your WordPress site before you start. Requirement Elementor (Page Builder) Animations Addons (Our Plugin) How To Activate Starter Animation Unlike other extensions, you do not need to activate Starter Animation separately. Once you install Animation Addons, it will be activated by default. To find the Starter Animation extension, click on the container where you want to apply the animation effect. Once the container is selected, the Starter Animation extension will appear on the left panel of the screen. Animation Under Animation, three options are available: None, Slide, and Flip. Choose the option that best fits your design. Selecting None will disable the animation. Slide The Slide Animation moves the entire container (section, column, or block) from a specific direction into its normal position. Slide Direction Controls the direction from which the container enters the screen. Common directions you will find include: Bottom → Top: container slides upward Top → Bottom: container slides downward Left → Right: container slides from the left side Right → Left: container slides from the right side In this example, Bottom → Top is selected. However, you can choose any option according to your design needs. Distance (px): Controls how far the container starts from its original position before sliding in. In this example, 60 px is selected. However, you can choose any distance value in pixels according to your preference. Duration (ms): Controls how long the slide animation takes to complete. In this example, 600 ms is selected. However, you can choose any duration according to your preference. Delay: Controls how long the animation waits before starting. In this example, the duration value is 0. You may change it to any value as needed. Easing: Controls how the slide animation accelerates and slows during movement. Common easing types: Ease → Controls how the animation speed changes from start to finish. Ease in → starts slowly Ease Out → slows near the end Ease in Out → smooth start and end Linear → constant speed In this example, Ease In is selected, but you can choose any option based on your needs. Final Output Slides Animation: Flip The Flip Animation rotates the entire container in 3D space before it settles into its normal position. Flip Direction: Controls the axis on which the container rotates during the flip animation. Available options include Flip X and Flip Y. Flip X → Rotates the container horizontally from left to right. Flip Y → Rotates the container vertically from top to bottom. In this example, Flip X is selected. However, you can choose either option according to your preference. Flip Angle: Controls the rotation angle of the container during the flip animation. In this example, the flip angle is set to 180 degrees. However, you can set the angle to any value according to your preference. Perspective: Controls the depth of the 3D effect during the flip. In this example, 800 px is used. You can set any value according to your needs. Final Output of Flip Animation:
