Title: AJO Animate
Author: Ali J Online
Published: <strong>30.6.2026</strong>
Last modified: 30.6.2026

---

Hae lisäosia

![](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

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

[Lataa](https://downloads.wordpress.org/plugin/ajo-animate.1.0.zip)

 * [Tiedot](https://fi.wordpress.org/plugins/ajo-animate/#description)
 * [Arvostelut](https://fi.wordpress.org/plugins/ajo-animate/#reviews)
 *  [Asennus](https://fi.wordpress.org/plugins/ajo-animate/#installation)
 * [Kehitys](https://fi.wordpress.org/plugins/ajo-animate/#developers)

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

## Kuvaus

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!

## Kuvankaappaukset

[[

## Asennus

 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.

## UKK

### 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;}`.

## Arvostelut

There are no reviews for this plugin.

## Avustajat & Kehittäjät

“AJO Animate” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet
tämän lisäosan kehittämiseen.

Avustajat

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

[Käännä “AJO Animate” omalle kielellesi.](https://translate.wordpress.org/projects/wp-plugins/ajo-animate)

### Oletko kiinnostunut kehitystyöstä?

[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).

## Muutosloki

#### 1.0.0

 * Initial release.

## Metatiedot

 *  Version **1.0**
 *  Last updated **4 kuukautta sitten**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **7.0.7**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/ajo-animate/)
 * Tags
 * [animate on scroll](https://fi.wordpress.org/plugins/tags/animate-on-scroll/)
   [animation](https://fi.wordpress.org/plugins/tags/animation/)[CSS Animation](https://fi.wordpress.org/plugins/tags/css-animation/)
   [lightweight](https://fi.wordpress.org/plugins/tags/lightweight/)[scroll animation](https://fi.wordpress.org/plugins/tags/scroll-animation/)
 *  [Edistynyt näkymä](https://fi.wordpress.org/plugins/ajo-animate/advanced/)

## Arvosanat

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/)

## Avustajat

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

## Tuki

Onko sinulla jotain sanottavaa? Tarvitsetko apua?

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