Як легко додати css анімацію в wordpress, cms і движки для сайтів

Чи бачили ви на багатьох популярних сайтах красиву CSS анімацію. Такі анімаційні ефекти як ковзання контенту, спливаючі і розчиняються елементи і т.п. У цій статті ми розповімо, як без написання коду додати CSS анімацію в WordPress:

Коли і чому необхідно використовувати CSS анімацію?

На багатьох сайтах CSS анімація «оживає» при прокручуванні сторінки, що робить подання контенту більш цікавим, яскравим, чіпляють і прогресивним.

Ви можете вручну вставити анімацію в тему WordPress. Тим не менше, більшість новачків не хочуть витрачати час на вивчення CSS. Розглянемо, як можна легко додати CSS анімацію на свій WordPress сайт.

Налаштування плагіна CSS Animate IT!

Встановіть і активуйте плагін Animate it. Вам не треба нічого настроювати, в ньому все виставлено як треба.

При кліці по ній з'явиться спливаюче вікно, в якому ви зможете задати свій стиль CSS анімації. Плагін підтримує безліч ефектів, так що вам буде з чого вибрати:

Перед тим, як додати анімацію на сайт, необхідно вибрати її стиль. Після цього потрібно вибрати час затримки анімації і її тривалість. І, нарешті, потрібно вибрати дію, при якому буде запускатися анімація.

Плагін пропонує три варіанти: при кліці миші, наведенні курсору миші або прокручуванні сторінки:

Вам потрібно видалити вміст всередині шорткода, і замінити його власним текстом, зображеннями або чимось іншим, що ви хочете анімувати:

Переклад статті "How to Easily Add CSS Animations in WordPress" був підготовлений дружною командою проекту Сайтобудування від А до Я.