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
Hi guys
Any feedback to this animation query?
Thanks
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
Thanks 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