• choquo

    (@choquo)


    Hi, i have added a fade in / fade out effect to flip box and i want to contribute with my changes if it’s possible how can i do it?

    on file eae.css

    .eae-fb-animate-fadein-fadeout .eae-flip-box-inner .eae-flip-box-front{ opacity: 1; }
    .eae-fb-animate-fadein-fadeout .eae-flip-box-inner .eae-flip-box-back{ opacity: 0; }
    .eae-fb-animate-fadein-fadeout .eae-flip-box-inner:hover .eae-flip-box-front{ opacity: 0; }
    .eae-fb-animate-fadein-fadeout .eae-flip-box-inner:hover .eae-flip-box-back{ opacity: 1; }

    on file flipbox.php

            $this->add_control(
                'animation_style',
                [
                    'label' => __( 'Animation Style', 'elementor' ),
                    'type' => Controls_Manager::SELECT,
                    'options' => [
                        'horizontal' => __( 'Horizontal', 'elementor' ),
                        'vertical' => __( 'Vertical', 'elementor' ),
                        'fadein-fadeout' => __( 'Fade In / Fade Out', 'elementor' ),
                    ],
                    'default' => 'vertical',
                    'prefix_class' => 'eae-fb-animate-'
                ]
            );
    • This topic was modified 7 years ago by choquo.
    • This topic was modified 7 years ago by choquo.
    • This topic was modified 7 years ago by James Huff.
Viewing 1 replies (of 1 total)
  • Plugin Author webtechstreet

    (@webtechstreet)

    Hi @choquo

    We are already working on implementing fadein fade out effect.
    Will also check your suggested code.
    You will get it in next few days.

Viewing 1 replies (of 1 total)
  • The topic ‘Contribution: I got a new function to flip box’ is closed to new replies.