Animate It!

Описание

Добавьте к своему контенту классную анимацию CSS3.

Demo | Documentation | Class Generator

Some of the Key features Include:

  • Allowing user to apply CSS3 animations on Post, Widget and Pages.
  • 50+ Entry, Exit and Attention Seeker Animations.
  • Capability to apply animation on Scroll.
  • Capability to add different scroll offset on individual animation blocks.
  • Capability to apply animation on Click.
  • Capability to apply animation on Hover.
  • Providing delay feature in animation to create a nice animation sequence.
  • Providing feature to control the duration for a more precise animation.
  • Providing a button in the editor to easily add an animation block in the article or post.
  • Allow user to add animation on WordPress widgets. Use Class Generator to generate the required animation classes.
  • Allow user to apply animation infinitely or any fixed number of times.
  • Option to add custom CSS classes to individual animation block.
  • Options to enable or disable animations on Smartphones and Tablets.
  • Поддержка испанского и немецкого языков. Благодаря Сантьяго Маррону, Кристиан Херрманн

All the CSS3 animations are from Animate.css and Animo.js

Скриншоты

  • Animate Button - Add animation blocks in WordPress Post and Pages using the Animate It! button.
  • Select Animation - After clicking Animate It! button you will get a screen to choose animation.
  • Entry Exit Animation - Select and configure the entry and exit animations.
  • Другие параметры - Выберите другие параметры, такие как счетчик итераций и т.д.
  • Update Dummy Content - Update the content of the block as per your requirement. You can copy and paste the same in Text Widget also.
  • Settings - Options for Animate It! under Settings-> Animate It! menu in the admin area.
  • Class Generator - Class Generator to generate required Animation Classes for Widgets.
  • Copy Generated Classes - Copy the generated classes.
  • Apply on Widgets - Apply the copied classes by pasting it in the 'Animate It! Classes' text box under the widget settings.

Установка

  1. Upload edsanimate to the /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Set your options from the Settings -> Animate It! admin area.

Альтернативно:

  1. Login to your WordPress admin area
  2. Search for Animate It!
  3. Click install Animate It!
  4. Activate through the Plugins menu in WordPress or when asked during installation
  5. Set your options from the Settings -> Animate It! admin area

Часто задаваемые вопросы

Анимация мерцает или происходит дважды во время загрузки при использовании классов анимации?

Добавьте CSS-класс «eds-animation-paused» вместе с другими классами анимации, сгенерированными с использованием генератора классов

Установка смещения прокрутки для функции прокрутки?

Percentage scroll offset can be set from Settings-> Animate It! menu in the admin area.

Скрыть горизонтальную и вертикальную полосы прокрутки?

Settings to show or hide vertical or horizontal scroll bar are available at Settings-> Animate It! menu in the admin area.

Animation applied using older plugin and class generator won’t work?

If animation applied using class generator or older plugin wont work, Please do the following:
If using shortcode:
Add duration=»1″ (you can add 1 to 20) as one of the attribute of the shortcode.

При использовании генератора классов:
Добавьте класс продолжительности (от 1 до 20) вместе с другими классами. или еще раз используйте генератор классов для создания одинаковых классов анимации.

Отзывы

21.08.2021
Thank you very much for providing an awesome plugin to my website. This is very much easy and user friendly.
09.05.2021
This plugin is awesome lots of feature and rich content easy to use
Посмотреть все 119 отзывов

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

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

Участники

«Animate It!» переведён на 3 языка. Благодарим переводчиков за их работу.

Перевести «Animate It!» на ваш язык.

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

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

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

Version 2.3.7

  • Added link to Settings page in Plugin list page.
  • Settings page updated

Version 2.3.6

  • Security related fixes.

Version 2.3.5

  • Security fixes for XSS related vulnerability.

Version 2.3.4

  • Security fixes for XSS related vulnerability.

Version 2.3.3

  • Minor Bug Fixes to avoid editor button overflow while using inline editor in Gutenberg.

Version 2.3.2

  • Незначительные исправления ошибок, связанные с анимацией с использованием генератора классов.

Version 2.3.1

  • Незначительные исправления ошибок, связанные с CSS

Version 2.3.0

  • Добавлены новые анимации CSS. Спасибо http://ianlunn.github.io/Hover/
  • Добавлена поддержка загрузки пользовательских CSS, даже если анимация отключена на планшетах или мобильных устройствах.

Version 2.2.1

  • Исправлены ошибки для Google Chrome версии 61+

Version 2.2.0

  • Исправлены ошибки для Google Chrome версии 61+

Version 2.1.9

  • Исправлены ошибки для Google Chrome версии 61+

Version 2.1.8

  • Mobile_Detect class updated

Version 2.1.7

  • Minor Bug Fix related to Settings page

Version 2.1.6

  • Added spanish and german language support

Version 2.1.5

  • Minor bug fixes.

Version 2.1.4

  • Changes to avoid conflict with other animation scripts

Version 2.1.3

  • Minor Bug Fixes related to on scroll animation

Version 2.1.2

  • Minor Bug Fixes

Version 2.1.1

  • Minor changes to handle load time delay
  • Description updated

Version 2.1.0

  • Text domain added
  • Mobile_Detect class updated

Version 2.0.4

  • Minor fixes to support older version and classes added using class generator

Version 2.0.3

  • Minor fixes to support older version

Version 2.0.2

  • Minor fixes to support infinite animation added using older version

Version 2.0.1

  • Minor changes to handle higher load time

Version 2.0.0

  • New Feature to create Entry Exit Animation sequence
  • New Feature to provide custom delay and durations while generating shortcode
  • New Feature to apply timing functions
  • New Feature to iterate the animation n number of times
  • Code optimization for tinymce popup

Version 1.4.4

  • Bug fix related to the addition of animation classes on widgets

Version 1.4.3

  • Some spelling correction.

Version 1.4.2

  • New Feature that will allow user to add custom CSS for additional delay, duration etc.

Version 1.4.1

  • Resolved bug related to nested shortcodes.

Version 1.4.0

  • Resolved issue related to CSS.
  • New feature that will allow user to add different scroll offset on individual animation blocks.

Version 1.3.3

  • Resolved issue related to nested shortcodes.

Version 1.3.2

  • Resolved issue related to infinite animation and on hover combination.

Version 1.3.1

  • Resolved issue related to widget content update and save.

Version 1.3

  • Capability to apply animation on Hover.
  • Capability to apply animation on Click.
  • Allow users to apply animation on WordPress Widgets.

Version 1.2.1

  • Resolved an issue related to multiple declaration of mobile_detect.php class.

Version 1.2

  • New options to add animation duration and infinite animation while applying an animation on WordPress Post, Page or widget.

Version 1.1

  • New options added under Settings-> Animate It! to enable or disable animations on Smartphones and Tablets.

Version 1.0

  • Initial public release.