![Як легко додати анімацію css на wordpress сайт (css animate) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-f4607140.jpg)
На багатьох сайтах можна зустріти анимированное оформлення як окремих частин елементів, так і цілі веб-сторінки. Особливо це користується популярністю в односторінкових сайтах, де найчастіше пропонують купити який-небудь товар. А красива анімація, приємний дизайн допомагає привернути увагу користувачів. У цій статті розглянемо один цікавий плагін, який дозволяє дуже легко додати анімацію CSS в статті, на сторінки WordPress.
Ви зможете анімувати практично всі - від цілих блоків до звичайного тексту. У плагіна Animate It! є величезний вибір різних ефектів анімації. У статті «Приклади анімації» я давав посилання на бібліотеку стилів анімації в якості демонстрації. Так ось, цей плагін включає в себе всі ці шикарні ефекти і не вимагає метушні з вихідним кодом.
Деякі особливості плагіна Animate It!
- Можливість вибору застосовувати анімацію: при натисканні, по наведенню
- Більше 50 ефектів анімації
- Додавати анімацію в пости, сторінки
- Є можливість додавати анімацію в віджети, попередньо згенерувавши клас анімації з прикладом.
- Інше.
Налаштування плагіна Animate It!
При кліці на цю кнопку відкриється модальне вікно, де можна вибрати стиль анімації і позначити додаткові параметри.
![Як легко додати анімацію css на wordpress сайт (легко додати анімацію) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-abb17575.jpg)
![Як легко додати анімацію css на wordpress сайт (анімація) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-4cfda720.jpg)
Коли визначитеся з усіма параметрами і натиснете кнопку «Вставити» до статті додасться анімація з шаблонним прикладом.
![Як легко додати анімацію css на wordpress сайт (легко) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-477317dc.jpg)
Вам залишиться замінити текст на свій, за бажанням додати картинку і результат досягнутий.
Читайте також:
![Як легко додати анімацію css на wordpress сайт (додати) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-05ba8277.jpg)
Модулі відгуків для WordPress сайту
![Як легко додати анімацію css на wordpress сайт (легко) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-b84dc73c.jpg)
Популярні пости в WordPress. 5 кращих плагінів
![Як легко додати анімацію css на wordpress сайт (анімацію) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-d3ccc98c.jpg)
Плагін Duplicator - переносимо сайт WordPress з одного сервера на інший
![Як легко додати анімацію css на wordpress сайт (анімацію) Як легко додати анімацію css на wordpress сайт](https://images-on-off.com/images/114/kaklegkodobavitanimatsiyucssnawordpresss-d6f65268.jpg)
Модулі великого (mega) меню для WordPress