Title: MotionMagic
Author: guelben
Published: <strong>03.07.2023</strong>
Last modified: 04.07.2023

---

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

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

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

# MotionMagic

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

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

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

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

## Опис

MotionMagic enhances Gutenberg adding beautiful CSS animations to any block. Easily
add on scroll, on hover and on click animations.

Fully compatible with any template kit for Gutenberg like spectra, stackable, otter,
kadence, qubely etc..

When the user selects an animation from the Gutenberg editor interface, they can
see the effect on the same screen in the inspected block, allowing them to preview
how the animation will appear on the front end. The plugin ensures that all animations
do not interfere with each other. In fact, the same block can have all three types
of animations defined.

## Скріншоти

[⌊MotionMagic integrates perfectly with the Gutenberg editor.⌉⌊MotionMagic integrates
perfectly with the Gutenberg editor.⌉[

MotionMagic integrates perfectly with the Gutenberg editor.

[⌊You can animate any block with dozens of pretty effects.⌉⌊You can animate any 
block with dozens of pretty effects.⌉[

You can animate any block with dozens of pretty effects.

[⌊You can adjust the behaviour of the plugin at its settings page.⌉⌊You can adjust
the behaviour of the plugin at its settings page.⌉[

You can adjust the behaviour of the plugin at its settings page.

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

Upload the MotionMagic plugin folder to the /wp-content/plugins/ directory, or install
the plugin through the WordPress plugins screen directly. Activate the plugin through
the ‘Plugins’ screen in WordPress. Start using the MotionMagic plugin to add CSS
animations to your blocks.

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

### Can I use MotionMagic with other page builders besides Gutenberg?

Currently MotionMagic only works with the Gutenberg editor.

## Відгуки

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

### 󠀁[Very useful](https://wordpress.org/support/topic/very-useful-3308/)󠁿

 [cristinika](https://profiles.wordpress.org/cristinika/) 04.07.2023

Many free gutenberg templates are very aesthetic but lack animations. This plugin
solves the problem.

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

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

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

Учасники

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

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

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

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

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

#### 1.0.0

Initial release.

## Мета

 *  Версія **1.0**
 *  Останнє оновлення **3 роки тому**
 *  Активних встановлень **90+**
 *  Версія WordPress ** 5.0 або вище **
 *  Tested up to **6.2.9**
 *  Версія PHP ** 5.3 або вище **
 *  Мова
 * [English (US)](https://wordpress.org/plugins/motionmagic/)
 * Позначки
 * [animation](https://uk.wordpress.org/plugins/tags/animation/)[animations](https://uk.wordpress.org/plugins/tags/animations/)
   [css](https://uk.wordpress.org/plugins/tags/css/)[gutenberg](https://uk.wordpress.org/plugins/tags/gutenberg/)
   [on scroll](https://uk.wordpress.org/plugins/tags/on-scroll/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/motionmagic/advanced/)

## Оцінки

 5 out of 5 stars.

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

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

[See all reviews](https://wordpress.org/support/plugin/motionmagic/reviews/)

## Учасники

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

## Підтримка

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

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