Анімацію веб-сайту можна використовувати для додавання візуальних ефектів під час завантаження сторінки, як-от наближення, згасання, зменшення масштабу тощо. Це додасть вашому веб-сайту вишуканості, коли користувач прокручує сторінки.
Ви можете вибрати різні стилі анімації для різних елементів вашого сайту.
У цій статті:
Редагувати анімацію сайту
Анімація може зробити веб-сайт візуально цікавим і оживити всі елементи, присутні на веб-сайті. Вони створюють більш привабливий і захоплюючий досвід для користувачів.
- Від Інформаційна панель (1) студії натисніть на Дизайн (2) розділ.
- Натисніть на анімація (3).
Тут ви побачите всі доступні налаштування для керування та налаштування анімації для елементів вашого сайту.
- За замовчуванням Посунути вгору анімація буде застосована на всьому веб-сайті.
- Виберіть ніхто якщо ви хочете вимкнути анімацію.
Різні елементи сайту
Pixpa дозволяє застосовувати анімацію до наступних елементів вашого сайту:
- Зображення: Додайте руху своїм зображенням, щоб привернути увагу відвідувачів.
- Заголовок H1: Використовуйте анімацію, щоб виділити основні заголовки.
- Заголовки H2: Анімуйте підзаголовки або менші заголовки, щоб покращити потік вашого вмісту.
- Тексти пісень: Оживіть свій вміст, анімуючи абзаци та описи.
- Кнопки: Виділіть кнопки із закликом до дії ефектами, що привертають увагу.
Переконайтеся, що ви вдарили Публікувати (6), щоб зберегти всі зміни та опублікувати їх на веб-сайті.
Стилі анімації
- Fade In – Поступово розкриває елементи, збільшуючи його непрозорість від прозорого до непрозорого.
- Слайд вгору – Плавне переміщення елементів на екрані з нижчого положення на вище.
- Нарощувати - Поступово збільшує розмір або масштаб елемента.
- Зменшити – Поступово зменшує розмір або масштаб елемента.
- розкрити – Поступове відкриття або розкриття елементів на екрані.
Виберіть ніхто щоб вимкнути анімацію для цього конкретного елемента.
Швидкість анімації
Швидкість переходу анімації з одного стану в інший. Він визначає, як швидко чи повільно відбуваються анімовані зміни на екрані.
Є три варіанти на вибір: Повільний, середній та Швидко.
Якщо ви використовуєте старий шаблон, ви можете не побачити опцію «Анімація». Вам потрібно перевести сайт на новий шаблон. Дізнайтеся більше
Перегляньте анімацію Slide Up у прямому ефірі:
