Title: How to implement nested animations?
Last modified: August 30, 2016

---

# How to implement nested animations?

 *  Resolved [darkened_sol](https://wordpress.org/support/users/darkened_sol/)
 * (@darkened_sol)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/how-to-implement-nested-animations/)
 * How do I implement nested animations?
 * For example I’d like an image and some text to show, both fading in from different
   directions, when I try this, it is not on the same line, i.e. the image is displayed
   above the text, where I’d like them to be on the same level on the page.
 * [https://wordpress.org/plugins/animate-it/](https://wordpress.org/plugins/animate-it/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/how-to-implement-nested-animations/#post-6337659)
 * Hi,
 * Please use class generator [http://www.downloads.eleopard.in/class-generator-wordpress.html](http://www.downloads.eleopard.in/class-generator-wordpress.html)
   to generate animation classes and then apply those classes over SPAN tags containing
   Text and Images.
 *     ```
       <span class="<ANIMATION CLASSES>">
         <img src="<IMG PATH>" />
       </span>
       <span class="<ANIMATION CLASSES>">
         <TEXT TO ANIMATE>
       </span>
       ```
   
 * for different animation, generate different animation classes.
    thankyou.
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/how-to-implement-nested-animations/#post-6337819)
 * Marking resolved

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to implement nested animations?’ is closed to new replies.

 * ![](https://ps.w.org/animate-it/assets/icon-256x256.png?rev=989356)
 * [Animate It!](https://wordpress.org/plugins/animate-it/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/animate-it/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/animate-it/)
 * [Active Topics](https://wordpress.org/support/plugin/animate-it/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/animate-it/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/animate-it/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [eleopard](https://wordpress.org/support/users/eleopard/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/how-to-implement-nested-animations/#post-6337819)
 * Status: resolved