Импорт анимации Lottie на сайт

2 мин. чтения
Анимация Lottie - это высококачественные анимированные файлы, которые вы можете добавить на свой сайт. Импортируя анимацию прямо из своего аккаунта LottieFiles, вы можете создавать уникальные, живые страницы без необходимости добавлять какой-либо код.
Онлайн-сайт с текстом «Подводное приключение Лейлы». Играет анимация медузы и пузырей.
Прежде чем начать:
Чтобы импортировать анимацию, у вас должен быть аккаунт LottieFiles.

Шаг 1 | Добавьте анимацию Lottie

Начните с добавления элемента Lottie Animation на свой сайт из панели «Добавить».

Чтобы добавить анимацию Lottie на сайт:

  1. Нажмите Добавить в левой части редактора.
  2. Выберите Вставить код.
  3. Прокрутите вниз до раздела Анимация.
  4. Нажмите Lottie, чтобы добавить ее на свой сайт.

Шаг 2 | Скопируйте URL-адрес анимации

После добавления элемента на сайт импортируйте выбранную анимацию, скопировав URL-адрес Lottie. Выберите свой дизайн или импортируйте одну из сотен бесплатных анимаций, доступных на сайте LottieFiles.com.

Чтобы получить и скопировать URL-адрес анимации:

  1. Войдите в свой аккаунт LottieFiles.
  2. Выберите анимацию.
  3. Нажмите значок Копировать в разделе URL-адрес Lottie Animation.
Скриншот URL анимации на сайте lottiefiles.com
Интересный факт
Анимация Lottie - это векторные файлы, поэтому они сохраняют свое качество как на компьютере, так и на мобильном сайте.

Шаг 3 | Импортируйте файл на сайт Wix

После того, как вы скопировали URL-адрес анимации, вставьте его в элемент на своем сайте Wix.

Чтобы импортировать файл на сайт:

  1. Выберите элемент Lottie Animation в редакторе.
  2. Нажмите на значок Настроить .
  3. Вставьте URL-адрес файла в поле URL-адрес анимации?
  4. Нажмите Enter на клавиатуре.
Что дальше?
  • Нажмите Предпросмотр анимации в верхней части панели, чтобы увидеть, как воспроизводится анимация.
  • Используйте настройки, чтобы настроить воспроизведение анимации. Подробнее о настройке анимации Lottie

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

|