<a href="https://github.com/lottiefiles/dotlottie-web" target="_blank">
<canvas id="dotLottie-canvas">
</canvas>
</a>
<a href="https://lottiefiles.com/animations/celebration-lolo-w318l83FuX" target="_blank">Lolo Sticker - Celebration Lolo</a>
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}
canvas {
width: 350px;
height: 350px;
}
import { DotLottie } from "https://esm.sh/@lottiefiles/dotlottie-web";
const dotLottie = new DotLottie({
canvas: document.querySelector("#dotLottie-canvas"),
src: "https://lottie.host/0cbdb3ef-2fa5-4d1d-9e4e-f66c879e010d/D0bRr9d93F.lottie",
loop: true,
autoplay: true
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.