Title: Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor
Author: syarifstudio
Published: <strong>9 ມັງກອນ 2022</strong>
Last modified: 24 ກຸມພາ 2026

---

ຄົ້ນຫາປລັກອິນ

![](https://ps.w.org/advanced-animation/assets/icon-256x256.gif?rev=2654914)

# Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor

 ໂດຍ [syarifstudio](https://profiles.wordpress.org/syarifstudio/)

[ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/advanced-animation.3.0.2.zip)

 * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/advanced-animation/#description)
 * [ການຣີວິວ](https://lo.wordpress.org/plugins/advanced-animation/#reviews)
 *  [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/advanced-animation/#installation)
 * [ການພັດທະນາ](https://lo.wordpress.org/plugins/advanced-animation/#developers)

 [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/advanced-animation/)

## ຄຳອະທິບາຍ

Advanced Addons extends the WordPress Block Editor (Gutenberg) and Elementor editor
by providing powerful animation controls and custom CSS features without requiring
Elementor Pro.

This plugin is designed to enhance workflow for users converting designs from tools
like Figma or HTML into WordPress layouts, allowing flexible styling and animation
directly inside the editor.

Key features include:

 * Add custom CSS to Gutenberg blocks and Elementor widgets
 * Advanced animation controls for blocks and elements
 * Support for position, rotation, transforms, and motion effects
 * Lightweight and optimized for performance
 * Works alongside HTML-to-WordPress and HTML-to-Elementor workflows

Whether you’re creating simple motion effects or complex interactive layouts, Advanced
Addons helps you bring your designs to life directly within WordPress.

### Features

#### Animation Controls

Add animations to blocks and widgets using visual settings, including:

 * Transform animations (translate, rotate, scale)
 * Scroll-based effects
 * Custom animation properties

#### Custom CSS

Extend styling without editing theme files:

 * Add custom CSS directly in Gutenberg blocks
 * Add custom CSS to Elementor widgets without Elementor Pro

#### Editor Integration

Built to integrate seamlessly with:

 * WordPress Block Editor (Gutenberg)
 * Elementor editor

## ພາບໜ້າຈໍ

 * [[
 * Advanced animation settings inside Gutenberg editor
 * [[
 * Custom CSS controls inside Gutenberg editor

## ການຕິດຕັ້ງ

 1. Upload `advanced-addons.zip` to the `/wp-content/plugins/` directory.
 2. Extract the zip file if needed.
 3. Activate the plugin through the ‘Plugins’ menu in WordPress.
 4. Open Gutenberg or Elementor editor and configure animation or custom CSS settings.

## ຄຳຖາມທີ່ພົບເລື້ອຍ

### Why this plugin needed for HMTL to Elementor extension?

This plugin provide custom css similar to Elementor pro that needed for that extension.
This plugin needed only if you are using the free version of elementor plugin (without
elementor pro installed).

### Why this plugin needed for HMTL to WordPress extension?

This plugin provide custom css for block editor that needed for that extension.

## ການຣີວິວ

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

### 󠀁[Import from Figma button not visible](https://wordpress.org/support/topic/import-from-figma-button-not-visible/)󠁿

 [dedoyin](https://profiles.wordpress.org/dedoyin/) 5 ມິຖຸນາ 2024

Hello guys, I installed the plugin and attempted to import my designs from Figma
to WordPress as advertised but, the import button is no where to be found. Any tips
on what the issue might be?

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

### 󠀁[Unexpected token](https://wordpress.org/support/topic/unexpected-token-24/)󠁿

 [arrazka](https://profiles.wordpress.org/arrazka/) 11 ເມສາ 2023

Unexpected token ‘<‘, “<!DOCTYPE “… is not valid JSON

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

### 󠀁[Quite good](https://wordpress.org/support/topic/quite-good-47/)󠁿

 [Syarif](https://profiles.wordpress.org/androidappbuilder/) 10 ມັງກອນ 2022

More advanced options than other plugins

 [ ອ່ານການຣີວິວທັງໝົດ 3 ລາຍການ ](https://wordpress.org/support/plugin/advanced-animation/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ

“Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor” ແມ່ນຊອຟ
ແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມໃນການພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

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

[ແປ “Advanced Addons – Animation and Custom CSS for Gutenberg and Elementor” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/advanced-animation)

### ສົນໃຈຮ່ວມພັດທະນາບໍ່?

[ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/advanced-animation/), ກວດເບິ່ງ
[ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/advanced-animation/), ຫຼື ຕິດຕາມ
[ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/advanced-animation/) ຜ່ານ
[RSS](https://plugins.trac.wordpress.org/log/advanced-animation/?limit=100&mode=stop_on_copy&format=rss).

## ບັນທຶກການປ່ຽນແປງ

#### 3.0.0

 * Improved animation system
 * Add custom css for block editor
 * Add custom css for elementor

#### 1.0.0

 * Initial release

## ຂໍ້ມູນກຳກັບ (Meta)

 *  ເວີຊັນ **3.0.2**
 *  ອັບເດດຫຼ້າສຸດເມື່ອ **2 ເດືອນ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ
 *  ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **600+**
 *  ເວີຊັນ WordPress ** 5.0 ຫຼື ສູງກວ່າ **
 *  ທົດສອບເຖິງເວີຊັນ **6.9.0**
 *  ເວີຊັນ PHP ** 5.6 ຫຼື ສູງກວ່າ **
 *  ພາສາ
 * [English (US)](https://wordpress.org/plugins/advanced-animation/)
 * ແທັກ
 * [custom css](https://lo.wordpress.org/plugins/tags/custom-css/)[elementor animation](https://lo.wordpress.org/plugins/tags/elementor-animation/)
   [gutenberg animation](https://lo.wordpress.org/plugins/tags/gutenberg-animation/)
   [html to wordpress](https://lo.wordpress.org/plugins/tags/html-to-wordpress/)
 *  [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/advanced-animation/advanced/)

## ການໃຫ້ຄະແນນ

 5 ຈາກທັງໝົດ 5 ດາວ.

 *  [  ການວິຈານ 5 ດາວ ຈຳນວນ 3 ລາຍການ     ](https://wordpress.org/support/plugin/advanced-animation/reviews/?filter=5)
 *  [  ການວິຈານ 4 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/advanced-animation/reviews/?filter=4)
 *  [  ການວິຈານ 3 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/advanced-animation/reviews/?filter=3)
 *  [  ການວິຈານ 2 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/advanced-animation/reviews/?filter=2)
 *  [  ການວິຈານ 1 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/advanced-animation/reviews/?filter=1)

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

[ເບິ່ງ ຄຳຄິດເຫັນ ທັງໝົດ](https://wordpress.org/support/plugin/advanced-animation/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ

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

## ການຊ່ວຍເຫຼືອ

ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່?

 [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/advanced-animation/)