“This is the third day of my participation in the November Gwen Challenge. See details of the event: The last Gwen Challenge 2021”.

Often encounter some pages, such as a successful like will pop up an animation effect, the feeling will be very pleasant.

Such as:

So the question is, I don’t want to write complex CSS animations, or Cavas, JS, etc., how can I easily achieve this effect?

The code:

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <lottie-player style="position:fixed; top:0; left:0; width:100%; height:100%; z-index:99" src="https://assets6.lottiefiles.com/packages/lf20_i6sqnxav.json" speed=" 1" autoplay></lottie-player>Copy the code

That’s right. That’s all you need. Those two lines of code

This Lottie Web Player supports multiple platforms and uses the same JSON animation file to achieve the same effect on different platforms.

Hope to help more need small partners, good things to share!!