Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #811420

    hi, i created 2 1/1 element whit animations. it’s possible slow them down? thanks

    #811663

    Hey 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 Shannon

    #811705

    i want to control the speed of animations

    #811713

    Hi,

    Yes the speed can be controlled via the css in the section posted above.

    Best regards,
    Jordan Shannon

    #811720

    in 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?

    #811721

    Hi,

    Please provide a link to the site/page in question.

    Best regards,
    Jordan Shannon

    #811724
    #811760

    Hi,

    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 Shannon

    #811833

    perfect, thanks

    #811849

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘slow animation’ is closed to new replies.