# master-addons/3.1.2/inc/controls/group/animation.php

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits, version 3.1.2. 304 lines.

- Page: https://pluginprobe.com/plugins/master-addons/3.1.2/code/inc/controls/group/animation.php
- Raw: https://pluginprobe.com/plugins/master-addons/3.1.2/raw/inc/controls/group/animation.php
- Modified: 2026-05-19T13:15:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/master-addons/3.1.2/code/inc/controls/group/animation.php#L10-L20`.

```php
<?php

namespace MasterAddons\Inc\Controls\Group;

use Elementor\Group_Control_Base;
use Elementor\Controls_Manager;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly.
}

/**
 * Custom Animate-element group control
 *
 */
class JLTMA_Animation extends Group_Control_Base
{

    protected static $fields;

    public static function get_type()
    {
        return 'jltma-animation';
    }

    protected function init_fields()
    {
        $fields = [];

        $fields['controls'] = [
            'label' => '',
            'type' => Controls_Manager::CHOOSE,
            'default' => 'running',
            'toggle' => false,
            'options' => [
                'running' => [
                    'title' => __('Play', 'master-addons' ),
                    'icon' => 'fa fa-play',
                ],
                'paused' => [
                    'title' => __('Pause', 'master-addons' ),
                    'icon' => 'fa fa-pause',
                ],
            ],
            'separator' => 'after',
            'selectors' => [
                '{{SELECTOR}}' => 'animation-play-state: {{VALUE}}; -webkit-animation-play-state: {{VALUE}};',
            ],
        ];

        $fields['animation'] = [
            'label' => _x('Animation Type', 'Animation Control', 'master-addons' ),
            'type' => Controls_Manager::SELECT,
            'default' => 'galleggia',
            'options' => [
                'galleggia' => _x('Float', 'Animation Control', 'master-addons' ),
                'attraversa' => _x('Pass through', 'Animation Control', 'master-addons' ),
                'pulsa' => _x('Pulse', 'Animation Control', 'master-addons' ),
                'dondola' => _x('Swing', 'Animation Control', 'master-addons' ),
                'cresci' => _x('Grow', 'Animation Control', 'master-addons' ),
                'esplodi' => _x('Explode', 'Animation Control', 'master-addons' ),
                'brilla' => _x('Shine', 'Animation Control', 'master-addons' ),
                'risali-o-affonda' => _x('Up or Sink', 'Animation Control', 'master-addons' ),
                'rotola' => _x('Spin', 'Animation Control', 'master-addons' ),
                'gira' => _x('Runs', 'Animation Control', 'master-addons' ),
                'saltella' => _x('Bounce', 'Animation Control', 'master-addons' ),
            ],
            'selectors' => [
                '{{SELECTOR}}' => 'animation-name: {{VALUE}}; -webkit-animation-name: {{VALUE}};',
            ],
        ];
        $fields['animation_variation'] = [
            'label' => _x('Animation Variation', 'Animation Control', 'master-addons' ),
            'type' => Controls_Manager::SELECT,
            'default' => '',
            'options' => [
                'short' => _x('Short', 'Animation Control', 'master-addons' ),
                '' => _x('Medium', 'Animation Control', 'master-addons' ),
                'long' => _x('Long', 'Animation Control', 'master-addons' ),
            ],
            'condition' => [
                'enabled_animations' => 'yes',
                'animation!' => ['cresci', 'attraversa'],
            ],
            'selectors' => [
                '{{SELECTOR}}' => 'animation-name: {{animation.VALUE}}{{VALUE}}; -webkit-animation-name: {{animation.VALUE}}{{VALUE}};',
            ],
        ];
        $fields['transform_origin'] = [
            'label' => _x('Transform origin', 'Animation Control', 'master-addons' ),
            'type' => Controls_Manager::SELECT,
            'default' => 'center center',
            'options' => [
                'top left' => _x('Top Left', 'Animation Control', 'master-addons' ),
                'top center' => _x('Top Center', 'Animation Control', 'master-addons' ),
                'top right' => _x('Top Right', 'Animation Control', 'master-addons' ),
                'center left' => _x('Center Left', 'Animation Control', 'master-addons' ),
                'center center' => _x('Center Center', 'Animation Control', 'master-addons' ),
                'center right' => _x('Center Right', 'Animation Control', 'master-addons' ),
                'bottom left' => _x('Bottom Left', 'Animation Control', 'master-addons' ),
                'bottom center' => _x('Bottom Center', 'Animation Control', 'master-addons' ),
                'bottom right' => _x('Bottom Right', 'Animation Control', 'master-addons' ),
            ],
            'selectors' => [
                '{{SELECTOR}}' => 'transform-origin: {{VALUE}}; -webkit-transform-origin: {{VALUE}};',
            ],
        ];
        $fields['iteration_mode'] = [
            'label' => __('Iteration Mode', 'master-addons' ),
            'type' => Controls_Manager::SWITCHER,
            'default' => 'infinite',
            'label_on' => __('Infinite', 'master-addons' ),
            'label_off' => __('Count', 'master-addons' ),
            'return_value' => 'infinite',
            'separator' => 'before',
            'selectors' => [
                '{{SELECTOR}}' => 'animation-iteration-count: {{VALUE}}; -webkit-animation-iteration-count: {{VALUE}};',
            ],
        ];
        $fields['iteration_count'] = [
            'label' => __('Iteration Count', 'master-addons' ),
            'type' => Controls_Manager::NUMBER,
            'default' => 1,
            'min' => 1,
            'max' => 100,
            'step' => 1,
            'selectors' => [
                '{{SELECTOR}}' => 'animation-iteration-count: {{VALUE}}; -webkit-animation-iteration-count: {{VALUE}};',
            ],
            'condition' => [
                'iteration_mode' => '',
            ],
        ];
        $fields['duration'] = [
            'label' => _x('Duration', 'Animation Control', 'master-addons' ),
            'type' => Controls_Manager::SLIDER,
            'default' => [
                'unit' => 's',
                'size' => 1,
            ],
            'range' => [
                's' => [
                    'min' => 0,
                    'max' => 20,
                    'step' => 0.1,
                ],
            ],
            'size_units' => ['s'],
            'selectors' => [
                '{{SELECTOR}}' => 'animation-duration: {{SIZE}}{{UNIT}}; -webkit-animation-duration: {{SIZE}}{{UNIT}};',
            ],
        ];
        $fields['delay'] = [
            'label' => _x('Delay', 'Animation Control', 'master-addons' ),
            'type' => Controls_Manager::SLIDER,
            'default' => [
                'unit' => 's',
                'size' => 0,
            ],
            'range' => [
                's' => [
                    'min' => 0,
                    'max' => 20,
                    'step' => 0.1,
                ],
            ],
            'size_units' => ['s'],
            'selectors' => [
                '{{SELECTOR}}' => 'animation-delay: {{SIZE}}{{UNIT}}; -webkit-animation-delay: {{SIZE}}{{UNIT}};',
            ],
        ];

        $fields['timing_function'] = [
            'label' => _x('Timing Function', 'Animation Control', 'master-addons' ),
            'type' => Controls_Manager::SELECT,
            'default' => 'linear',
            'options' => DCE_Helper::get_anim_timingFunctions(),
            'selectors' => [
                '{{SELECTOR}}' => 'animation-timing-function: {{VALUE}}; -webkit-animation-timing-function: {{VALUE}};',
            ],
        ];
        /* $fields['iteration_mode'] = [
		  'label' => __( 'Iteration Mode', 'master-addons' ),
		  'type' => Controls_Manager::CHOOSE,
		  'default' => 'counter',
		  'options' => [
		  'counter'    => [
		  'title' => __( 'Counter', 'master-addons' ),
		  'icon' => 'eicon-counter',
		  ],
		  'infinite' => [
		  'title' => __( 'Infinite', 'master-addons' ),
		  'icon' => 'eicon-sync',
		  ],
		  'selectors' => [
		  ],
		  ],
		  'condition' => [
		  ],
		  ]; */

        $fields['direction'] = [
            'label' => __('Direction', 'master-addons' ),
            'type' => Controls_Manager::CHOOSE,
            'default' => 'normal',
            'options' => [
                'normal' => [
                    'title' => __('Normal', 'master-addons' ),
                    'icon' => 'eicon-arrow-right',
                ],
                'reverse' => [
                    'title' => __('Reverse', 'master-addons' ),
                    'icon' => 'eicon-arrow-left',
                ],
                'alternate' => [
                    'title' => __('Alternate', 'master-addons' ),
                    'icon' => 'fa fa-refresh',
                ],
                'alternate-reverse' => [
                    'title' => __('Alternate Reverse', 'master-addons' ),
                    'icon' => 'fa fa-retweet',
                ],
            ],
            'selectors' => [
                '{{SELECTOR}}' => 'animation-direction: {{VALUE}}; -webkit-animation-direction: {{VALUE}};',
            ],
        ];
        $fields['fill_mode'] = [
            'label' => __('Fill Mode', 'master-addons' ),
            'type' => Controls_Manager::CHOOSE,
            'default' => 'none',
            'options' => [
                'none' => [
                    'title' => __('None', 'master-addons' ),
                    'icon' => 'eicon-close',
                ],
                'backwards' => [
                    'title' => __('Backwards', 'master-addons' ),
                    'icon' => 'eicon-h-align-right',
                ],
                'both' => [
                    'title' => __('Both', 'master-addons' ),
                    'icon' => 'eicon-h-align-center',
                ],
                'forwards' => [
                    'title' => __('Forwards', 'master-addons' ),
                    'icon' => 'eicon-h-align-left',
                ],
            ],
            'selectors' => [
                '{{SELECTOR}}' => 'animation-fill-mode: {{VALUE}}; -webkit-animation-fill-mode: {{VALUE}};',
            ],
        ];

        return $fields;
    }

    /*
	  animation-timing-function: steps(10);

	  animation-name: example;
	  animation-duration: 4s;

	  animation-iteration-count: 3;
	  animation-iteration-count: infinite;

	  animation-direction: alternate;
	  animation-direction: alternate-reverse;

	  animation-delay: 2s;

	  animation-fill-mode: forwards;
	  animation-fill-mode: backwards;
	  animation-fill-mode: both;

	  -webkit-animation-timing-function: linear;

	  animation-play-state: paused; running

	  animation-timing-function: linear
	  animation-timing-function: ease
	  animation-timing-function: ease-in
	  animation-timing-function: ease-out
	  animation-timing-function: ease-in-out

	  animation: example 5s linear 2s infinite alternate;
	 */

    /**
     * @since 0.5.0
     * @access protected
     */
    protected function get_default_options()
    {
        return [
            'popover' => false,
            /* 'popover' => [
				  'starter_title' => _x( 'Animate', 'Animation Control', 'master-addons' ),
				  'starter_name' => 'animate_element',
				  ], */
        ];
    }
}

```