Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 11, 2016 at 6:18 am #596692
    pantoni

    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, 9 months ago by pantoni.
    March 15, 2016 at 3:16 am #598109
    pantoni

    Hi guys

    Any feedback to this animation query?

    Thanks

    March 15, 2016 at 4:08 am #598119
    Vinay

    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

    March 15, 2016 at 4:38 am #598131
    pantoni

    Thanks Vinay

    March 15, 2016 at 4:57 am #598142
    Vinay

    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

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