Title: AJO Animate
Author: Ali J Online
Published: <strong>30 de Junio de  2026</strong>
Last modified: 30 de Junio de  2026

---

Buscar plugins

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

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

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

 * [Detalles](https://cl.wordpress.org/plugins/ajo-animate/#description)
 * [Reseñas](https://cl.wordpress.org/plugins/ajo-animate/#reviews)
 *  [Instalación](https://cl.wordpress.org/plugins/ajo-animate/#installation)
 * [Desarrollo](https://cl.wordpress.org/plugins/ajo-animate/#developers)

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

## Descripción

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!

## Capturas de pantalla

[[

## Instalación

 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.

## FAQ

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

## Reseñas

No hay reseñas para este plugin.

## Colaboradores & Desarrolladores

“AJO Animate” es software de código abierto. Las siguientes personas han contribuido
a este plugin.

Colaboradores

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

[Traduce “AJO Animate” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/ajo-animate)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/ajo-animate/), echa
un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/ajo-animate/),
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/ajo-animate/)
por [RSS](https://plugins.trac.wordpress.org/log/ajo-animate/?limit=100&mode=stop_on_copy&format=rss).

## Historial de cambios

#### 1.0.0

 * Initial release.

## Meta

 *  Versión **1.0**
 *  Última actualización **hace 2 meses**
 *  Instalaciones activas **Menos de 10**
 *  Versión de WordPress ** 5.8 o superior **
 *  Probado hasta **7.0.4**
 *  Versión de PHP ** 7.4 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/ajo-animate/)
 * Etiquetas
 * [animate on scroll](https://cl.wordpress.org/plugins/tags/animate-on-scroll/)
   [animation](https://cl.wordpress.org/plugins/tags/animation/)[CSS Animation](https://cl.wordpress.org/plugins/tags/css-animation/)
   [lightweight](https://cl.wordpress.org/plugins/tags/lightweight/)[scroll animation](https://cl.wordpress.org/plugins/tags/scroll-animation/)
 *  [Vista Avanzada](https://cl.wordpress.org/plugins/ajo-animate/advanced/)

## Calificaciones

Aún no se han enviado valoraciones.

[Tu reseña](https://wordpress.org/support/plugin/ajo-animate/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/ajo-animate/reviews/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/ajo-animate/)