Title: Animate Blocks
Author: liip
Published: <strong>21.03.2019</strong>
Last modified: 29.03.2019

---

Шукати плагіни

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

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

![](https://ps.w.org/animate-blocks/assets/icon.svg?rev=2054508)

# Animate Blocks

 Від автора [liip](https://profiles.wordpress.org/liip/)

[Завантажити](https://downloads.wordpress.org/plugin/animate-blocks.1.0.1.zip)

 * [Деталі](https://uk.wordpress.org/plugins/animate-blocks/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/animate-blocks/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/animate-blocks/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/animate-blocks/#developers)

 [Підтримка](https://wordpress.org/support/plugin/animate-blocks/)

## Опис

Animate Gutenberg blocks when they scroll into view.

 * Works with all existing Gutenberg blocks
 * Choose from 27 different animations
 * Configure animation with custom delays, offsets and durations
 * Based on [AOS Animate On Scroll Library](http://michalsnik.github.io/aos/)

#### Requirements

 * WordPress >= 5.0
 * PHP >= 5.6

#### Further Information

 * Documentation: [https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md](https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md)
 * WordPress Plugin: [https://wordpress.org/plugins/animate-blocks/](https://wordpress.org/plugins/animate-blocks/)
 * GitHub Repository: [https://github.com/liip/animate-blocks-wordpress-plugin](https://github.com/liip/animate-blocks-wordpress-plugin)
 * Changelog: [https://github.com/liip/animate-blocks-wordpress-plugin/releases](https://github.com/liip/animate-blocks-wordpress-plugin/releases)
 * Issue tracker: [https://github.com/liip/animate-blocks-wordpress-plugin/issues](https://github.com/liip/animate-blocks-wordpress-plugin/issues)

## Скріншоти

[⌊Animate Blocks in Gutenberg editor⌉⌊Animate Blocks in Gutenberg editor⌉[

Animate Blocks in Gutenberg editor

## Блоки

Цей плагін надає 1 блок.

 *   Animate Block

## Встановлення

 1. Upload the `animate-blocks` directory into the `/wp-content/plugins/` directory
 2. Activate the plugin through the `Plugins` menu in WordPress
 3. Add `Animate Blocks` block around other block in Gutenberg editor

## Часті питання

  How does it work?

Animate blocks is based on the `InnerBlocks` feature of Gutenberg. It wraps the 
blocks which should be animated. You can add as many blocks inside this wrapper 
block as you want.

  Have you found a bug or do you have a feature request?

Please create a new GitHub issue and let us know: [https://github.com/liip/animate-blocks-wordpress-plugin/issues](https://github.com/liip/animate-blocks-wordpress-plugin/issues)

## Відгуки

![](https://secure.gravatar.com/avatar/b2630f1635f046600af04302e27abeafd14f91d0e121e157288d6189c02214cf?
s=60&d=retro&r=g)

### 󠀁[Very nice AOS integration – thank you](https://wordpress.org/support/topic/very-nice-aos-integration-thank-you/)󠁿

 [efrap](https://profiles.wordpress.org/efrap/) 16.04.2020

This plugin is quite good. Works fine with WP 5.4. Note that it is currently difficult
to select groups and this new animated block once created in 5.4 (margin problem).
Use up and down arrows to get to them until problem is resolved.

![](https://secure.gravatar.com/avatar/0c491e890a1e4db158269da91260fa0e14aea7987e9508f67048ebb6dc4acbf3?
s=60&d=retro&r=g)

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-6393/)󠁿

 [Unsal Korkmaz](https://profiles.wordpress.org/unsalkorkmaz/) 13.09.2019

Simple. Does the job. Thank you

 [ Прочитати всі 2 відгуки ](https://wordpress.org/support/plugin/animate-blocks/reviews/)

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

“Animate Blocks” — проект з відкритим вихідним кодом. В розвиток плагіну внесли 
свій вклад наступні учасники:

Учасники

 *   [ liip ](https://profiles.wordpress.org/liip/)
 *   [ tschortsch ](https://profiles.wordpress.org/tschortsch/)

[Перекладіть “Animate Blocks” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/animate-blocks)

### Цікавитесь розробкою?

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

## Журнал змін

#### 1.0.1

 * [BUGFIX] Fix rendering of data-attributes when default options are changed.

#### 1.0.0

 * Initial release of this plugin

## Мета

 *  Версія **1.0.1**
 *  Останнє оновлення **7 років тому**
 *  Активних встановлень **400+**
 *  Версія WordPress ** 5.0 або вище **
 *  Tested up to **5.1.24**
 *  Версія PHP ** 5.6 або вище **
 *  Мова
 * [English (US)](https://wordpress.org/plugins/animate-blocks/)
 * Позначки
 * [animations](https://uk.wordpress.org/plugins/tags/animations/)[blocks](https://uk.wordpress.org/plugins/tags/blocks/)
   [gutenberg](https://uk.wordpress.org/plugins/tags/gutenberg/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/animate-blocks/advanced/)

## Оцінки

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=1)

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

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

## Учасники

 *   [ liip ](https://profiles.wordpress.org/liip/)
 *   [ tschortsch ](https://profiles.wordpress.org/tschortsch/)

## Підтримка

Є що сказати? Потрібна допомога?

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

## Пожертвування

Ви хотіли б підтримати розвиток цього плагіна?

 [ Пожертвувати на розвиток плагіна ](https://liip.ch/)