Title: Scale effect
Last modified: April 10, 2019

---

# Scale effect

 *  Resolved [nevermoreftw](https://wordpress.org/support/users/nevermoreftw/)
 * (@nevermoreftw)
 * [7 years ago](https://wordpress.org/support/topic/scale-effect/)
 * Hey guys!
    I was wondering if there is a way to add similar effect to metaslider.
   [http://preview.themeforest.net/item/smartclean-cleaning-company-theme/full_screen_preview/20493112?ref=cirvitis&utm_source=colorlib&utm_medium=roundup&utm_campaign=cleaning&fbclid=IwAR2nnSG0U6IZrxCmGlTOeFVH-sArWlLkWWPhrZDR__nmAenWM1FEy5zMu38](http://preview.themeforest.net/item/smartclean-cleaning-company-theme/full_screen_preview/20493112?ref=cirvitis&utm_source=colorlib&utm_medium=roundup&utm_campaign=cleaning&fbclid=IwAR2nnSG0U6IZrxCmGlTOeFVH-sArWlLkWWPhrZDR__nmAenWM1FEy5zMu38)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Kevin Batdorf](https://wordpress.org/support/users/kbat82/)
 * (@kbat82)
 * [7 years ago](https://wordpress.org/support/topic/scale-effect/#post-11412226)
 * Hi [@nevermoreftw](https://wordpress.org/support/users/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](https://wordpress.org/support/users/nevermoreftw/)
 * (@nevermoreftw)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/scale-effect/#post-11431820)
 * 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);}
    }
 *  [Kevin Batdorf](https://wordpress.org/support/users/kbat82/)
 * (@kbat82)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/scale-effect/#post-11433354)
 * Hi [@nevermoreftw](https://wordpress.org/support/users/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.

 * ![](https://ps.w.org/ml-slider/assets/icon.svg?rev=2771717)
 * [Slider, Gallery, and Carousel by MetaSlider - Image Slider, Video Slider](https://wordpress.org/plugins/ml-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ml-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ml-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/ml-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ml-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ml-slider/reviews/)

## Tags

 * [Scale](https://wordpress.org/support/topic-tag/scale/)
 * [zoom](https://wordpress.org/support/topic-tag/zoom/)

 * 3 replies
 * 2 participants
 * Last reply from: [Kevin Batdorf](https://wordpress.org/support/users/kbat82/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/scale-effect/#post-11433354)
 * Status: resolved