Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #596692

    Hi guys

    I checked out the post “Slow down the speed of animations” relating to controlling the speed of Column Animations. I’ve tried the following code for left to right, right to left animations but instead of controlling the speed, it actually changes the animation type to bottom to top? Here’s the code:

    .avia_transform .avia_start_delayed_animation.left-to-right {
    -webkit-animation: avia-btt 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    opacity: 1;
    }

    .avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: avia-btt 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    opacity: 1;
    }

    See login below…

    Thanks

    • This topic was modified 8 years ago by pantoni.
    #598109

    Hi guys

    Any feedback to this animation query?

    Thanks

    #598119

    Hi!

    Sorry for the delay.

    Currently the animation is set to fade-in please use the below CSS

    .avia_transform .avia_start_delayed_animation.fade-in {
        -webkit-animation: avia-fadein 3s 1 ease-out!important;
        animation: avia-fadein 3s 1 ease-out!important;
        opacity: 1;
    }

    For Left to right please use

    .avia_transform .avia_start_delayed_animation.left-to-right {
        -webkit-animation: avia-ltr 2.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important;
        animation: avia-ltr 2.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)!important;
    }

    Please remove any code added for the same effect before use the above code in quick CSS

    Cheers!
    Vinay Kashyap

    #598131

    Thanks Vinay

    #598142

    Hey!

    Glad we could help :) We have put together some info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Cheers!
    Vinay Kashyap

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Slow down the speed of animations – 2’ is closed to new replies.