Editor X: управление эффектами взаимодействия

4 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Управляйте эффектами, чтобы они оставались актуальными. D панели «Инспектор» вы можете добавить больше анимации к элементу, отредактировать существующие или удалить те, которые вам больше не нужны. 
Содержание:

Добавление нового эффекта

Добавьте больше эффектов к элементу при наведении курсора или клике. Каждый элемент может отображать анимацию одного клика и одного наведения - они отмечены в списке как собственные - но он может запускать анимацию для нескольких других элементов одновременно.

Чтобы добавить новый эффект

  1. Выберите соответствующий элемент.
  2. Нажмите значок Инспектора в верхней части Editor X.
  3. (В Инспекторе) Перейдите на вкладку Эффекты .
  4. Нажмите + Добавить в разделе Наведение / Клик
  5. Создайте пресет или свое взаимодействие. 
Скриншот вкладки Взаимодействия в панели Инспектора, нажатие на которую дает добавление нового взаимодействия.

Редактирование существующей анимации

После просмотра того, как выглядит и ведет себя анимация на сайте, вы можете внести некоторые изменения. Измените способ запуска анимации, элемент, который показывает анимацию, или выберите другую анимацию. 

Чтобы отредактировать существующую анимацию:

  1. Выберите соответствующий элемент.
  2. Нажмите значок Инспектора в верхней части Editor X.
  3. (В Инспекторе) Перейдите на вкладку Эффекты .
  4. Нажмите на анимацию, чтобы отредактировать ее. 
  5. Выберите, что вы хотите отредактировать в анимации:
    • При нажатии / наведении: измените способ запуска анимации.
    • Анимированный элемент: выберите другой элемент для отображения анимации. 
    • Пресеты: выберите другую готовую анимацию.
    • Настроить: нажмите значок Дополнительные действия рядом с анимацией, чтобы отредактировать, переименовать или удалить ее. 

Предпросмотр анимации

Вы можете просмотреть анимацию прямо в редакторе, чтобы перед публикацией убедиться, что она выглядит именно так, как нужно. 

Чтобы просмотреть анимацию

  1. Выберите соответствующий элемент.
  2. Нажмите значок Инспектора в верхней части Editor X.
  3. (В Инспекторе) Перейдите на вкладку Эффекты .
  4. Наведите курсор на анимацию и нажмите значок Дополнительные действия .
  5. Нажмите Превью.
GIF-файл вкладки «Взаимодействие» в панели «Инспектор», показывающий, как просмотреть анимацию в редакторе.

Удаление анимации из элемента

Вы можете удалить анимацию, которую вы не хотите отображать. 

Чтобы удалить анимацию из элемента:

  1. Выберите соответствующий элемент.
  2. Нажмите значок Инспектора в верхней части Editor X.
  3. (В Инспекторе) Перейдите на вкладку Эффекты .
  4. Наведите курсор на анимацию и нажмите значок Дополнительные действия .
  5. Нажмите Удалить.
Скриншот вкладки Взаимодействие в панели Инспектора, удаляющей анимацию из элемента

Была ли статья полезна?

|