Animaciones Lottie en HTML

Las animaciones Lottie son archivos basados en formato JSON, creados originalmente por Airbnb, que permiten integrar animaciones vectoriales de alta calidad en sitios web y aplicaciones móviles de manera ligera y escalable. Son ideales para animar iconos, logos y gráficos interactivos sin afectar la velocidad de carga de la web.

Otros ejemplos

Código

				
					<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BitNauta - Animaciones</title>
    <script type="module" src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
    <script type="module" src="https://unpkg.com/@lottiefiles/dotlottie-wc@latest/dist/dotlottie-wc.js"></script>
</head>

<body>
    <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_jhudx27y.json" autoplay loop
        style="width:300px;height:300px;"></lottie-player>


    <dotlottie-wc src="https://lottie.host/294b684d-d6b4-4116-ab35-85ef566d4379/VkGHcqcMUI.lottie" autoplay loop
        style="width:300px;height:300px;"></dotlottie-wc>
</body>

</html>

Etiquetado Animation, HTML