У цій статті Ви дізнаєтесь, як:

Ви можете додати вбудовану анімацію двома способами:

ПРИМІТКА. Елемент "Код для вставки" не підтримує вбудовану анімацію

Перейдіть до панелі "Стилі сайту" ("Website styles") у конструкторі сайтів. Відкрийте вкладку "Анімація" ("Animations") та виберіть потрібний стиль анімації (згасання, ковзання, масштабування):

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

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

Натисніть на елемент і виберіть "Редагувати" ("Edit") або "Змінити" ("Change"), щоб відкрити його налаштування. Потім знайдіть параметр анімації та налаштуйте все, що потрібно. Наприклад, налаштування текстового елемента:

Налаштування зображення:

Налаштування кнопки:

І так далі! Увімкнувши анімацію, оновіть сайт. Аби перевірити, як виглядає сайт після внесення змін, перейдіть у режим попереднього перегляду або відкрийте робочу версію сайту.

Ви можете вставляти безкоштовні анімації на сайт за допомогою інструментів сторонніх розробників. У цьому прикладі використано анімації Lordicon.

1. Увійдіть у Lordicon і натисніть на будь-яку анімацію, яка Вам подобається; налаштуйте її, якщо потрібно:

2. Натисніть на HTML і скопіюйте код:

3. Тепер відкрийте конструктор сайтів і додайте код для вставки в бажане місце на сторінці.

4. Вставте код анімації в цей елемент і анімація з'явиться на Вашій сторінці:

У разі потреби можна змінити розмір елемента коду.

5. Насамкінець оновіть сайт.

Щоб перевірити, як виглядає сайт після внесення змін, перейдіть у режим попереднього перегляду або відкрийте робочу версію сайту.