-
AuthorPosts
-
June 22, 2017 at 10:10 am #811420
hi, i created 2 1/1 element whit animations. it’s possible slow them down? thanks
June 22, 2017 at 4:48 pm #811663Hey Pas7o,
Those animations are created via css keyframes (http://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp) and you can find these animations in the css > layout.css and shortcodes.css file. Look for the “animations” section. Copy the keyframes and configure it in the Quick CSS field.
Best regards,
Jordan ShannonJune 22, 2017 at 5:28 pm #811705i want to control the speed of animations
June 22, 2017 at 5:39 pm #811713Hi,
Yes the speed can be controlled via the css in the section posted above.
Best regards,
Jordan ShannonJune 22, 2017 at 5:54 pm #811720in layout.css and shortocode.css there are many code lines.
i’m interesting about 2 animations:
– from left to right;
– frome right to left;can you say me the code for these animations, please?
June 22, 2017 at 5:55 pm #811721Hi,
Please provide a link to the site/page in question.
Best regards,
Jordan ShannonJune 22, 2017 at 5:58 pm #811724June 22, 2017 at 7:06 pm #811760Hi,
Try to edit the following:
.avia_transform .avia_start_delayed_animation.right-to-left { -webkit-animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .avia_transform .avia_start_delayed_animation.left-to-right { -webkit-animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; }Edit the 0.8s to what you need.
Best regards,
Jordan ShannonJune 22, 2017 at 9:33 pm #811833perfect, thanks
June 22, 2017 at 10:32 pm #811849Hi,
No problem at all. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘slow animation’ is closed to new replies.
