Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @nevermoreftw

    It’s not supported out of the box, but using FlexSlider could add in some custom animations using CSS scale transform that runs when a slide is starting. You would need some experience with coding though to get it working. Here’s how to add code that runs before each transition:

    add_filter('metaslider_flex_slider_parameters', function ($options) {
    	$options['before'] = isset($options['before']) ? $options['before'] : array();
    	$options['before'] = array_merge($options['before'], array("
    		// Logic to run before each transition"
    	));
    	return $options;
    });

    I’ll mark this as resolved since it’s more of a question than support but feel free to reply as needed.

    Thread Starter nevermoreftw

    (@nevermoreftw)

    Hey,
    Ty for the replay. I managed to do it with css animation effect. I used this:

    .metaslider .flexslider .slides img {
    animation: crescendo 6.5s alternate infinite ease-in;
    }
    @keyframes crescendo {

    100% {transform: scale(1.1);}
    }

    Hi @nevermoreftw

    Glad it’s working! That seems to be a continuous animation though, right? Instead you might want to use the code I shared to set and unset that animation when a slide starts. That way it’s always starting from the beginning.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Scale effect’ is closed to new replies.