Title: AJO Animate
Author: Ali J Online
Published: <strong>ஜூன் 30, 2026</strong>
Last modified: ஜூன் 30, 2026

---

நீட்சிகளை தேடுங்கள்

![](https://ps.w.org/ajo-animate/assets/banner-772x250.png?rev=3591544)

![](https://ps.w.org/ajo-animate/assets/icon-256x256.png?rev=3591544)

# AJO Animate

 By [Ali J Online](https://profiles.wordpress.org/wgs2026/)

[பதிவிறக்கு](https://downloads.wordpress.org/plugin/ajo-animate.1.0.zip)

 * [Details](https://ta.wordpress.org/plugins/ajo-animate/#description)
 * [Reviews](https://ta.wordpress.org/plugins/ajo-animate/#reviews)
 *  [Installation](https://ta.wordpress.org/plugins/ajo-animate/#installation)
 * [Development](https://ta.wordpress.org/plugins/ajo-animate/#developers)

 [உதவி](https://wordpress.org/support/plugin/ajo-animate/)

## விளக்கம்

AJO Animate is a lightweight, performance-optimized WordPress plugin that allows
you to animate elements simply by adding CSS classes.

Instead of loading heavy libraries like jQuery or full animate.css files, this plugin
uses the modern browser `IntersectionObserver` API to keep your site lightning fast.
Animations trigger only once when the element enters the viewport (15% threshold),
saving browser resources.

It uses a unique `ajoanim-` prefix for all classes, functions, and files to ensure
zero conflicts with other themes or plugins.

### Available Animations

 * **Slide:** `ajoanim-slide-left`, `ajoanim-slide-right`, `ajoanim-slide-up`, `
   ajoanim-slide-down`
 * **Zoom:** `ajoanim-zoom-in`, `ajoanim-zoom-out`
 * **Fade:** `ajoanim-fade-in`, `ajoanim-fade-out`
 * **Misc:** `ajoanim-flash`

### How to Use

 1. Go to **AJO Animate** in your WordPress admin menu to see the full class reference.
 2. Edit any page or post.
 3. Select a block (e.g., a Group, Paragraph, Image, or Heading block).
 4. Under the block settings panel (typically in the **Advanced** section), paste the
    desired animation class (e.g., `ajoanim-fade-in`) into the **“Additional CSS class(
    es)”** field.
 5. Save and preview your page!

## Screenshots

[[

## Installation

 1. Upload the `ajo-animate` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Navigate to ‘AJO Animate’ in your admin dashboard for instructions and a list of
    available CSS classes.

## அடிக்கடி கேட்கப்படும் கேள்விகள்

### Does this affect my website’s performance?

No! It is built with vanilla JavaScript and the IntersectionObserver API, which 
is highly optimized for modern browsers compared to older scroll-event listeners.

### Can I change the animation duration?

By default, all animations take 1 second. You can override this in your theme’s 
Custom CSS by targeting `.ajoanim-trigger { animation-duration: 0.5s !important;}`.

## Reviews

இந்த செருகுநிரலுக்கு மதிப்புரைகள் எதுவும் இல்லை.

## பங்களிப்பாளர்கள் & உருவாக்குனர்கள்

“AJO Animate” is open source software. The following people have contributed to 
this plugin.

பங்களிப்பாளர்கள்

 *   [ Ali J Online ](https://profiles.wordpress.org/wgs2026/)

[Translate “AJO Animate” into your language.](https://translate.wordpress.org/projects/wp-plugins/ajo-animate)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/ajo-animate/), check
out the [SVN repository](https://plugins.svn.wordpress.org/ajo-animate/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/ajo-animate/) by
[RSS](https://plugins.trac.wordpress.org/log/ajo-animate/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release.

## Meta

 *  Version **1.0**
 *  Last updated **3 மாதங்கள் முன்பு**
 *  Active installations **10 க்கும் குறைவாக**
 *  WordPress version ** 5.8 அல்லது மேல் **
 *  Tested up to **7.0.6**
 *  PHP version ** 7.4 அல்லது மேல் **
 *  Language
 * [English (US)](https://wordpress.org/plugins/ajo-animate/)
 * Tags
 * [animate on scroll](https://ta.wordpress.org/plugins/tags/animate-on-scroll/)
   [animation](https://ta.wordpress.org/plugins/tags/animation/)[CSS Animation](https://ta.wordpress.org/plugins/tags/css-animation/)
   [lightweight](https://ta.wordpress.org/plugins/tags/lightweight/)[scroll animation](https://ta.wordpress.org/plugins/tags/scroll-animation/)
 *  [Advanced View](https://ta.wordpress.org/plugins/ajo-animate/advanced/)

## மதிப்பீடுகள்

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/ajo-animate/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/ajo-animate/reviews/)

## பங்களிப்பாளர்கள்

 *   [ Ali J Online ](https://profiles.wordpress.org/wgs2026/)

## உதவி

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/ajo-animate/)