header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Редактор Wix: Добавление эффекта мыши к элементу
  • Настройка эффекта мыши
  • Удаление эффекта мыши

Редактор Wix: добавление эффектов мыши

3 мин.
Сделайте дизайн более привлекательным с помощью захватывающих эффектов мыши. Добавьте эффект мыши к элементу, который вы хотите выделить: движение курсора посетителя активирует его автоматически.
Мы предлагаем множество различных эффектов, которые вы можете настроить для своего сайта, например те, что представлены ниже.
Примеры различных эффектов мыши, которые можно добавить к элементу в Редакторе Studio
Примечание:
Поскольку для работы этих эффектов требуется курсор, они не будут воспроизводиться на устройствах с сенсорным экраном (например, на смартфонах, планшетах и т. д.).

Редактор Wix: Добавление эффекта мыши к элементу

Выберите элемент, который вы хотите анимировать, и выберите один из наших эффектов мыши.

Чтобы добавить эффект мыши:

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

Настройка эффекта мыши

После выбора эффекта мыши настройте его так, как вам нужно. Сделайте эффект более тонким или заметным, задав такие параметры, как расстояние, направление, скорость, сглаживание и другие.
Примечание:
Доступные параметры настройки зависят от выбранного эффекта.

Чтобы настроить эффект мыши:

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

Удаление эффекта мыши

Вы можете удалить эффект мыши в любое время на панели анимации.

Чтобы удалить эффект мыши:

  1. Перейдите в редактор.
  2. Выберите нужный элемент.
  3. Нажмите на иконку Анимация .
  4. Нажмите Эффекты мыши.
  5. Выберите Нет.
Панель «Добавить анимацию» в редакторе Wix, где выделен параметр «Нет» для удаления эффекта мыши

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.