Редактор Wix: добавление и настройка анимации
4 мин. чтения
Оживите сайт с помощью анимации. Добавьте эффекты, такие как «Наплыв» или «Увеличение», и создайте оригинальные, яркие страницы, привлекающие внимание посетителей к контенту.
Анимацию можно применять к различным элементам. Также вы можете применить разные эффекты к одному и тому же элементу в компьютерной и мобильной версии сайта. Анимация на мобильном сайте настроена так, чтобы подходить для экранов меньшего размера, поэтому вы сможете производить впечатление на посетителей на всех платформах. Подробнее об анимации на мобильных устройствах
Содержание:
Добавление анимации к элементу
Сделайте сайт динамичным и увлекательным, добавив анимацию к элементам. Каждая анимация имеет свой собственный эффект, вы можете смешивать их с разными элементами и производить на посетителей неизгладимое впечатление.
Чтобы добавить анимацию:
- Нажмите на нужный элемент в редакторе.
- Нажмите значок Анимация
. - Выберите эффект.
Примечание
Удалите эффекты анимации с элементов, нажав значок Анимация 
на элементе и затем Нет 
.
на элементе и затем Нет .Совет:
Вы можете добавить анимацию к группе элементов, выбрав группу и нажав значок Анимация .
.Настройка анимации
После добавления анимации к элементу настройте ее так, как вы хотите, чтобы она соответствовала стилю сайта.
Отрегулируйте настройки, такие как направление, длительность и задержка, чтобы привлечь внимание посетителей.
Чтобы настроить анимацию:
- Нажмите на нужный элемент в редакторе.
- Нажмите значок Анимация .
- Нажмите Настроить и используйте параметры для настройки анимации:
- Интенсивность: нажмите на раскрывающееся меню и выберите, насколько интенсивной будет анимация при воспроизведении.
- Направление: выберите направление появления анимации, например, по часовой стрелке или с правой стороны.
- Расстояние: используйте ползунок, чтобы увеличить или уменьшить расстояние между начальной и конечной точкой воспроизведения анимационного эффекта.
- Длительность: используйте ползунок, чтобы настроить продолжительность воспроизведения анимации.
- Задержка: перетащите ползунок, чтобы увеличить или уменьшить задержку между загрузкой страницы и началом анимации.
- Только первый раз: нажмите на переключатель, чтобы включить / отключить воспроизведение анимации только при первой загрузке страницы.
Примечание
Доступные параметры настройки зависят от выбранной анимации.
Добавление анимации в мобильной версии сайта
Помимо добавления анимации к элементам на компьютере, вы также можете добавить их на свой мобильный сайт, чтобы ваши посетители видели потрясающие страницы на всех устройствах.
Анимация для мобильных устройств была разработана специально для экранов небольших размеров, поэтому вам не нужно беспокоиться об интервалах.
Примечание
Если вы хотите, чтобы элемент был анимирован как в обычной, так и в мобильной версиях сайта, вам понадобиться добавить эффект в обоих редакторах. Эффекты анимации, добавленные на компьютере, не переносятся на мобильный сайт, поскольку они оптимизированы для экранов разного размера.
Чтобы добавить анимацию в мобильной версии сайта:
- Перейдите в мобильный редактор.
- Нажмите на нужный элемент.
- Нажмите значок Анимация .
- Выберите эффект.
Важно:
- Анимации, добавленные к элементам в заголовке, отображаются только при первой загрузке элемента.
- Если элемент скрывается/отображается с помощью Velo, его анимацию также необходимо настраивать через Velo. Подробнее о работе с элементами в Velo (на английском языке)
Проблемы с анимацией?
Следуйте нашим инструкциям, чтобы настроить корректную работу анимации на вашем сайте.
Была ли статья полезна?
|