Animate It! Animate It!

Animate It!

Created by: eLEOPARD Design Studios

Rating:
Downloaded: 671k times

Add cool CSS3 animations to your content.

Demo | Documentation | Class Generator

Some of the Key features Include:

  • Allowing user to apply CSS3 animations on Post, Widget and Pages.
  • 50+ Entry, Exit and Attention Seeker Animations.
  • Capability to apply animation on Scroll.
  • Capability to add different scroll offset on individual animation blocks.
  • Capability to apply animation on Click.
  • Capability to apply animation on Hover.
  • Providing delay feature in animation to create a nice animation sequence.
  • Providing feature to control the duration for a more precise animation.
  • Providing a button in the editor to easily add an animation block in the article or post.
  • Allow user to add animation on WordPress widgets. Use Class Generator to generate the required animation classes.
  • Allow user to apply animation infinitely or any fixed number of times.
  • Option to add custom CSS classes to individual animation block.
  • Options to enable or disable animations on Smartphones and Tablets.
  • Spanish and German language support. Thanks to Santiago Marrone, Christian Herrmann
  • Custom Animate It! block to apply animations on other Gutenberg blocks.

All the CSS3 animations are from Animate.css and Animo.js

Screenshots

  • <strong>Animate Button</strong> - Add animation blocks in WordPress Post and Pages using the Animate It! button.
  • <strong>Select Animation</strong> - After clicking Animate It! button you will get a screen to choose animation.
  • <strong>Entry Exit Animation</strong> - Select and configure the entry and exit animations.
  • <strong>Other Options</strong> - Select other options like iteration count etc.
  • <strong>Update Dummy Content</strong> - Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also.
  • <strong>Settings</strong> - Options for Animate It! under Settings-&gt; Animate It! menu in the admin area.
  • <strong>Class Generator</strong> - Class Generator to generate required Animation Classes for Widgets.
  • <strong>Copy Generated Classes</strong> - Copy the generated classes.
  • <strong>Apply on Widgets</strong> - Apply the copied classes by pasting it in the 'Animate It! Classes' text box under the widget settings.

Categories

Get New Themes & Resources