iterations – is this possible using just CLASSES?

  • Resolved dmullerdesign

    (@dmullerdesign)


    6 years, 5 months ago

    Hi, whilst I see that using the animate it! plugin within the page editor you can set a number of iterations and apply to a page element. Is this possible with just classes?

    I’m using X Pro and the builder is a standalone page builder, so I can use classes as in the example below:

    animated shake delay4 duration4 infinite

    However, I can only play this forever (infinite) or once. Is there a class to set the number of times? Say, play 5 times? If not, could you consider adding this on an update to plugin?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author eleopard

    (@eleopard)

    Dear Dmullerdesign,

    Thanks for using the Animate It!
    Yes, when the help of a little custom CSS classes to achieve various times the animation occurs.

    e.g. Let’s say you wish to Animate an object 3 times, then follow the below steps:

    1. In the WordPress backend, go to Settings > Animate It! > Custom CSS box and paste the following:

    .repeat3{
    animation-iteration-count: 3;
}

    2. In the CSS box of the object add “repeat3” classes with the animations:
    So
    animated shake delay4 duration4

    becomes
    animated shake delay4 duration4 repeat3

    You can add more CSS tules for other numbers of animations.
    Let me know if this works for you.

    Thread Starter dmullerdesign

    (@dmullerdesign)

    Thank you so much, easy fix and very clear instructions. Now let’s test it out!

    Plugin Author eleopard

    (@eleopard)

    Marking as resolved

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘iterations – is this possible using just CLASSES?’ is closed to new replies.