两行代码给网站添加交互动画效果

728 阅读1分钟

「这是我参与11月更文挑战的第3天,活动详情查看:2021最后一次更文挑战」。

经常会遇到有些页面比如点赞成功之后会弹出一个动画效果,感觉会很愉悦。

比如:

那么问题来了,我不想写复杂的css动画,或者cavas、js等,如何轻松的实现这样的效果呢?

上代码:

<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>

对你没看错,只需要这两行代码

就是这个 Lottie Web Player,支持多平台,使用同一个JSON动画文件,可在不同平台实现相同的效果。

希望帮助到更多需要的小伙伴,好东西大家一起分享!!!