Admin August 24, 2021 
Introduction
Lottie is a format to use lightweight & scalable animations on the web. We can say that Lottie is an animated version of SVG images.
What is Special about Lottie animations?
You can easily change the behavior of animation by changing the JSON code. Converting JSON into Lottie provides a great compression of about 60%-70% in filesize & no compromise with quality.
Lottie is Now Supported on Major Platforms
How to create Lottie files
With the Majority of tools & addons, you can export animations in JSON format. You need to convert the JSON file into a dotLottie file to use on the web or mobile apps.
You can easily convert JSON animation files into dotLottie format using the official Lottie conversion tool available on the website.
How to Use Lottie files on your Website
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Lottie Player Example</title> | |
| <script src="https://unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js"></script> | |
| </head> | |
| <body> | |
| <dotlottie-player autoplay controls loop mode="normal" src="http://dotlottieio.s3-website-us-east-1.amazonaws.com/sample_files/animation-external-image.lottie" style="width: 320px"> | |
| </dotlottie-player> | |
| <!-- Chnage the Url of Lottie file with your own--> | |
| </body> | |
| </html> |
You May Also Like
« How to Serve WordPress Pages on Subdomains[without plugin] Wp-Config file – These 7 hacks will blow your mind »
