How to include JSON animated image to an HTML page (using Lottiefiles)

lottiefiles
  • Open https://lottiefiles.com
  • Design →Editor →Browse/ upload JSON image file
  • Copy Asset Link
  • Again go to Lottiefiles Home page
  • Open Code →Web Player
  • Replace the existing URL with the copied URL.
  • If the process is correct, URL animated image will display at the right section. Now you can edit the animation, id required.
  • Design →Editor →Browse/ upload JSON image file
  • Copy Asset Link
  • Again go to Lottiefiles Home page
  • Open Code →Web Player
  • Replace the existing URL with the copied URL.
  • If the process is correct, URL animated image will display at the right section. Now you can edit the animation, id required.
    • Play mode
    • Direction
    • Background Color
    • Width
    • Height
    • Animation speed
    • Controls
    • Autoplay
    • Hover
    • Loop
  • After edits, Copy the generated code and place the code where you want to include it.

Leave a comment

Your email address will not be published. Required fields are marked *