Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 17, 2018 at 8:51 pm #1010969
    koraytastan

    Hello my dear friends,
    How can i start the column animation after 3 seconds of loading the page ? Or change column animation delay time.

    September 18, 2018 at 5:14 am #1011068
    Ismael

    Hey koraytastan,

    Thank you for using Enfold.

    Which animation did you set it to? Please try this css code.

    .avia_transform .avia_start_delayed_animation {
    animation-delay: 3s;
}

    Best regards,
    Ismael

    September 18, 2018 at 10:36 am #1011188
    koraytastan

    Column right to left animation. But not working your css code.

    Default css

    .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;

    with your css

    .avia_transform .avia_start_delayed_animation {
    animation-delay: 3s;
}
.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;
    • This reply was modified 6 years, 2 months ago by koraytastan.
    September 19, 2018 at 2:54 am #1011586
    Ismael

    Hi,

    Thanks for the update. You can use this css code.

    .avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: avia-rtl 0.8s 1 3s cubic-bezier(0.175,0.885,0.320,1.275);
    animation: avia-rtl 0.8s 1 3s cubic-bezier(0.175,0.885,0.320,1.275);
    opacity: 1;
}

    Best regards,
    Ismael

    September 19, 2018 at 4:23 pm #1011899
    koraytastan

    Not working. This code repeats the animation after 3 seconds.
    After page load by scroll, it must be wait x second. Then the animation should start.

    Best,

    September 20, 2018 at 7:48 am #1012154
    Ismael

    Hi,

    Yeah, I did notice that. This should work.

    .avia_transform .av-animated-generic {
  opacity: 0;
}

.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) 3s forwards;
  animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 3s forwards;
}

    Best regards,
    Ismael

    September 22, 2018 at 12:37 am #1012953
    koraytastan

    No animation with this code (:

    September 24, 2018 at 3:29 am #1013447
    Ismael

    Hi,

    The same css code works on my installation. Where are you testing this? Please provide the link to the page with the columns.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.