Add effect to class on page?

  • peacockcreativedesign

    (@peacockcreativedesign)


    9 years, 6 months ago

    Hi there,

    Is it possible to just use the Class Generator to add an effect to a specific object, class or set of classes on a page?

    I’m comfortable with front-end development, so initially I thought that perhaps I could inject the shortcode into the classes using jQuery, but I’m not sure if the shortcode will be processed.

    I also thought that perhaps I could add the animation to another object in a page, then just inspect to see what classes are added by AnimateIt, and copy the styles over manually (though I haven’t tried this out yet).

    I just wanted to check to see if there were any quicker ways to implement animations to objects on a page (that are not in the editor box, and that I don’t want to give me client access to edit).

    Thank you for any help or suggestions! 🙂

Viewing 1 replies (of 1 total)
  • Plugin Author eleopard

    (@eleopard)

    9 years, 6 months ago

    Hi peacockcreativedesign,

    Thank you for using Animate It!.

    After installing Animate It, you can apply animations over any HTML element like <div></div>,<span></span>, <p></p> etc using Class generator.

    Please follow below steps.
    1. Go to http://downloads.eleopard.in/class-generator-wordpress.
    2. Select the animation type along with other option as per your requirement and click on generate button.
    3. You will get a set of CSS classes.
    4. Copy these CSS classes and add them to any of the HTML element where you want to apply animation.

    Please note that Animate It! plugin should be installed and activated before you use the CSS classes.
    e.g.

    <div class=" animated jello duration1">
        Content to Animate
</div>
Viewing 1 replies (of 1 total)

The topic ‘Add effect to class on page?’ is closed to new replies.