Импорт анимации Lottie на сайт
2 мин.
Анимация Lottie - это высококачественные анимированные файлы, которые вы можете добавить на свой сайт. Импортируя анимацию прямо из своего аккаунта LottieFiles, вы можете создавать уникальные, живые страницы без необходимости добавлять какой-либо код.
Прежде чем начать:
Чтобы импортировать анимацию, у вас должен быть аккаунт LottieFiles.
Шаг 1 | Добавьте анимацию Lottie
Начните с добавления элемента Lottie Animation на свой сайт из панели «Добавить».
Чтобы добавить анимацию Lottie на сайт:
- Нажмите Добавить в левой части редактора.
- Выберите Вставить код.
- Прокрутите вниз до раздела Анимация.
- Нажмите Lottie, чтобы добавить ее на свой сайт.
в левой части редактора.Шаг 2 | Скопируйте URL-адрес анимации
После добавления элемента на сайт импортируйте выбранную анимацию, скопировав URL-адрес Lottie. Выберите свой дизайн или импортируйте одну из сотен бесплатных анимаций, доступных на сайте LottieFiles.com.
Чтобы получить и скопировать URL-адрес анимации:
- Войдите в свой аккаунт LottieFiles.
- Выберите анимацию.
- Нажмите значок Копировать в разделе URL-адрес Lottie Animation.
в разделе URL-адрес Lottie Animation.
Интересный факт
Анимация Lottie - это векторные файлы, поэтому они сохраняют свое качество как на компьютере, так и на мобильном сайте.
Шаг 3 | Импортируйте файл на сайт Wix
После того, как вы скопировали URL-адрес анимации, вставьте его в элемент на своем сайте Wix.
Чтобы импортировать файл на сайт:
- Выберите элемент Lottie Animation в редакторе.
- Нажмите на значок Настроить .
- Вставьте URL-адрес файла в поле URL-адрес анимации?
- Нажмите Enter на клавиатуре.
.
Что дальше?
- Нажмите Предпросмотр анимации в верхней части панели, чтобы увидеть, как воспроизводится анимация.
- Используйте настройки, чтобы настроить воспроизведение анимации. Подробнее о настройке анимации Lottie