Uncategorized

HOẠT HÌNH LOTTIE

Tổng quat

Một  Lottie  là một JSON dựa trên  hình ảnh động  định dạng file cho phép người dùng giới thiệu  hình ảnh động . Các  Lottie Animation  Widget  cho phép bạn thêm hình ảnh động chất lượng hàng đầu cho trang web của bạn. Chỉ cần nhấp và kéo  tiện ích Lottie  Animation   vào trang web của bạn. Dưới đây là một bài viết toàn diện để giải thích mọi phương pháp một cách chi tiết. Làm theo quy trình từng bước để kết nối  Hoạt hình Lottie .

Bước-> 1:  Thêm Lottie

  • Đi tới  Elementskit ->  Elements -> Đảm bảo rằng Lottie của bạn đang hoạt động->  Lưu  Thay đổi .
  • Nhấp vào khu vực đã chọn.
  • Đi tới Phần => Nhấp vào Chèn .
  • Bạn có thể thấy kiểu hoạt hình đã chọn của mình đang hiển thị.
  • Bây giờ tìm kiếm  Lottie ->  Kéo  widget->  Thả  vào vùng đã chọn.

Bước-> 2:  Tùy chỉnh Lottie 

  • Nhấp vào văn bản đã chọn “ Lottie Animations ”.
  • Từ đây, bạn có thể tải xuống tệp hoạt hình Lottie của mình.
  • Để tải xuống tệp này, chỉ cần nhấp vào hình ảnh động.
  • Vào Downloads => Click vào Lottie JSON .
  • Bây giờ tải lên Tệp JSON từ khu vực đã chọn.
  • Bây giờ bạn có thể thấy hoạt ảnh Lottie đã tải lên của mình đang hiển thị.
  • Bây giờ Bật tùy chọn Liên kết.
  • Cung cấp liên kết .
  • Bật Tùy chọn Đảo ngược.
  • Bạn có thể thấy hoạt ảnh của mình đang hiển thị theo thứ tự ngược lại và nếu bạn nhấp vào đó, nó sẽ chuyển hướng bạn đến vị trí chính xác.
  • Bật Tự động phát .
  • Bạn có thể thấy hoạt ảnh đang phát tự động.
  • Bật Bắt đầu khi Hiển thị.
  • Khi bạn bật tính năng bắt đầu khi hiển thị, hoạt ảnh sẽ chỉ bắt đầu phát khi hiển thị.
  • Bật vòng lặp : Hoạt ảnh sẽ phát luôn luôn và không bao giờ dừng.
  • Số vòng điều khiển : Nếu bạn cung cấp số lượng 1, hoạt ảnh sẽ chỉ phát một lần.
  • Tốc độ điều khiển : Làm cho hoạt ảnh chậm hơn hoặc nhanh hơn.
  • Chọn Loại kết xuất: SVG hoặc Canvas.
  • Chọn Hoạt ảnh trên Di chuột: Phát, Tạm dừng hoặc Đảo ngược.
  • Nếu bạn chọn tùy chọn phát, hoạt ảnh sẽ phát khi di chuột .
  • Nếu bạn chọn tạm dừng, hoạt ảnh sẽ ngừng phát khi di chuột .
  • Nếu bạn chọn ngược lại, các hình ảnh động sẽ chơi theo thứ tự ngược sau khi lơ lửng .
  • Sau khi hoàn tất, hãy nhấp vào cập nhật.
Cảm xúc của bạn là gì

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Check Also
Close
Back to top button