Title: AJO Animate
Author: Ali J Online
Published: <strong>30.06.2026</strong>
Last modified: 30.06.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

 Автор: [Ali J Online](https://profiles.wordpress.org/wgs2026/)

[Скачать](https://downloads.wordpress.org/plugin/ajo-animate.1.0.zip)

 * [Детали](https://ru.wordpress.org/plugins/ajo-animate/#description)
 * [Отзывы](https://ru.wordpress.org/plugins/ajo-animate/#reviews)
 *  [Установка](https://ru.wordpress.org/plugins/ajo-animate/#installation)
 * [Разработка](https://ru.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!

## Скриншоты

[[

## Установка

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

## Отзывы

Нет отзывов об этом плагине.

## Участники и разработчики

«AJO Animate» — проект с открытым исходным кодом. В развитие плагина внесли свой
вклад следующие участники:

Участники

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

[Перевести «AJO Animate» на ваш язык.](https://translate.wordpress.org/projects/wp-plugins/ajo-animate)

### Заинтересованы в разработке?

[Посмотрите код](https://plugins.trac.wordpress.org/browser/ajo-animate/), проверьте
[SVN репозиторий](https://plugins.svn.wordpress.org/ajo-animate/), или подпишитесь
на [журнал разработки](https://plugins.trac.wordpress.org/log/ajo-animate/) по [RSS](https://plugins.trac.wordpress.org/log/ajo-animate/?limit=100&mode=stop_on_copy&format=rss).

## Журнал изменений

#### 1.0.0

 * Initial release.

## Мета

 *  Версия **1.0**
 *  Обновление: **3 месяца назад**
 *  Активных установок: **Менее 10**
 *  Версия WordPress ** 5.8 или выше **
 *  Совместим вплоть до: **7.0.7**
 *  Версия PHP ** 7.4 или выше **
 *  Язык
 * [English (US)](https://wordpress.org/plugins/ajo-animate/)
 * Метки:
 * [animate on scroll](https://ru.wordpress.org/plugins/tags/animate-on-scroll/)
   [animation](https://ru.wordpress.org/plugins/tags/animation/)[CSS Animation](https://ru.wordpress.org/plugins/tags/css-animation/)
   [lightweight](https://ru.wordpress.org/plugins/tags/lightweight/)[scroll animation](https://ru.wordpress.org/plugins/tags/scroll-animation/)
 *  [Дополнительно](https://ru.wordpress.org/plugins/ajo-animate/advanced/)

## Оценки

Пока что нет ни одного отзыва.

[Ваш отзыв](https://wordpress.org/support/plugin/ajo-animate/reviews/#new-post)

[Посмотреть всеотзывы](https://wordpress.org/support/plugin/ajo-animate/reviews/)

## Участники

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

## Поддержка

Есть что сказать? Нужна помощь?

 [Перейти в форум поддержки](https://wordpress.org/support/plugin/ajo-animate/)