Question

Call To Action animation duration help.

  • 8 September 2021
  • 2 replies
  • 29 views

Hi team!

I need some help with the CTA widget. Is there a way to change the Transition Duration for the zoom on hover effect? I need to slow it down a bit and this option is missing from the styling options. Can somebody please help me  to target the animation and change its duration with css.
Thank you in advance!


2 replies

Badge

I have this same question. I’d like to modify the default animation amounts. Does anyone have a solution to this?

Hi Dustin

Change the duration time, higher number= slower duration.

.elementor-cta .elementor-cta__bg {
    transition-duration: 3500ms !important;
}

Or if you want to have different duration on differnt cta widgets use the selector.

selector .elementor-cta .elementor-cta__bg {
    transition-duration: 3500ms !important;
}

 

Reply