# lottie动画创建库 官方<https://lottiefiles.com/web-player> <https://lottiefiles.com/recent> 阿里的动画<https://design.alipay.com/emotion> 浏览器引入<https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js> html5 ``` <pre class="calibre14">``` <span class="token"><</span>lottie<span class="token">-</span>player src<span class="token">=</span><span class="token4">"ding.json"</span> background<span class="token">=</span><span class="token4">"transparent"</span> speed<span class="token">=</span><span class="token4">"1"</span> style<span class="token">=</span><span class="token4">"width: 50px; height: 50px;"</span> loop autoplay <span class="token">></span><span class="token"><</span><span class="token">/</span>lottie<span class="token">-</span>player<span class="token">></span> ``` ``` ``` <pre class="calibre16">``` npm install <span class="token">--</span>save @lottiefiles<span class="token">/</span>lottie<span class="token">-</span>player import <span class="token4">'@lottiefiles/lottie-player'</span><span class="token2">;</span> ``` ```