Ivan Maljukanović

<p>Accentuate most important elements on your website through animation – either when its entering the screens viewport or when its hovered on/tapped on touchscreen (using CSS selectors). It includes more than 70 types of animation (from animate.css library), and provides option to set the animation duration, number of repetitions, speed curve, delay, as well as the option to trigger animation repeatedly every time the selected items enter screens viewport.</p>
<p>Key Features:<br />
* Possibility to set the number of animation groups that you can target with different animation settings (up to 100 groups).<br />
* Add the items (CSS selectors) you would like to either animate when they enter the screens viewport (visible area of a web page) or when hovered on/tapped on.<br />
* Select the type of animation for that group of items (over 70 types, based on the popular CSS library animate.css).<br />
* Option to select the duration of the animation (0.5 – 5 sec; with increments of 0.1 sec).<br />
* Option to select the repetition of the animation (1 – 5 times; Infinite is also an option).<br />
* Option to choose the delay duration of animation when entering screens viewport (0.5 – 5 sec; with increments of 0.1 sec).<br />
* Option to choose the speed curve of the selected animation.<br />
* Option to choose if the animation will be triggered every time selected items enter screens viewport (not just once). There is also an option to trigger animation on hover/when tapped on touchscreen instead.<br />
* Use the preview button to check all of the choosen options in action.</p>
<h3>Copyright</h3>
<p>Animations by Imoptimal Plugin, Copyright 2019 Ivan Maljukanovic<br />
Animations by Imoptimal is distributed under the terms of the GNU GPL</p>
<p>You should have received a copy of the GNU General Public License<br />
along with this program.  If not, see <a href="https://www.gnu.org/licenses/gpl-3.0.en.html/" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-3.0.en.html/</a></p>
<h3>Resources</h3>
<ul>
<li>animate.css 3.7.2, MIT – available @ https://daneden.github.io/animate.css/</li>
<li>imoptimal-logo-white.png © 2020 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins directory /img, and my personal website @ https://imoptimal.com (used as an asset)</li>
<li>banner-772×250.png © 2020 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)</li>
<li>icon-256×256.png © 2020 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)</li>
</ul>


Animations by Imoptimal

Accentuate most important elements on your website through animation - either when its entering the screens viewport or when its hovered on/tapped on  …

eleopard

<p>Add cool CSS3 animations to your content.</p>
<p><a href="https://eleopardsolutions.com/animate-it-documentation-wordpress/" title="Demo" rel="nofollow ugc">Demo</a> | <a href="https://eleopardsolutions.com/animate-it-documentation-wordpress/" title="Documentation" rel="nofollow ugc">Documentation</a> | <a href="https://eleopardsolutions.com/animate-it-class-generator/" title="Class Generator" rel="nofollow ugc">Class Generator</a></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JKRn6NUM-i4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Some of the Key features Include:</p>
<ul>
<li>Allowing user to apply CSS3 animations on Post, Widget and Pages.</li>
<li>50+ Entry, Exit and Attention Seeker Animations.</li>
<li>Capability to apply animation on Scroll.</li>
<li>Capability to add different scroll offset on individual animation blocks.</li>
<li>Capability to apply animation on Click.</li>
<li>Capability to apply animation on Hover.</li>
<li>Providing delay feature in animation to create a nice animation sequence.</li>
<li>Providing feature to control the duration for a more precise animation.</li>
<li>Providing a button in the editor to easily add an animation block in the article or post.</li>
<li>Allow user to add animation on WordPress widgets. Use <a href="https://eleopardsolutions.com/animate-it-class-generator/" rel="nofollow ugc">Class Generator</a> to generate the required animation classes. </li>
<li>Allow user to apply animation infinitely or any fixed number of times.</li>
<li>Option to add custom CSS classes to individual animation block.</li>
<li>Options to enable or disable animations on Smartphones and Tablets.</li>
<li>Spanish and German language support. Thanks to Santiago Marrone, Christian Herrmann </li>
<li>Custom Animate It! block to apply animations on other Gutenberg blocks.</li>
</ul>
<p>All the CSS3 animations are from <a href="http://daneden.github.io/animate.css/" title="Animate.css" rel="nofollow ugc">Animate.css</a> and <a href="http://labs.bigroomstudios.com/libraries/animo-js" title="Animo.js" rel="nofollow ugc">Animo.js</a></p>


Animate It!


Great plugin,super lightweight and still very powerfull.



Very good work - thanks for that


Awesome

Add cool CSS3 animations to your content.

Animations by Imoptimal vs Animate It!