https://annajona.is/ es el sitio web del que estoy hablando. El logotipo que ve justo después de que se carga el sitio web es un poco misterioso para mí. Supongo que el código css debería ser algo como el siguiente código con la palabra clave animación. Sin embargo, no puedo buscar esa palabra en absoluto cuando inspecciono el sitio web. ¿Hay algo más que pueda simular escribir letras, con dos colores, y comenzar a escribir la segunda letra cuando la primera letra está escrita a la mitad?

 .hero-name-line { stroke-dasharray: 450; stroke-dashoffset: 450; animation: draw 5s linear forwards; } @keyframes draw { to { stroke-dashoffset: 0; } }

Otra pregunta adicional es cómo se anima con el relleno el logotipo de la cabeza, que es "héroe-cabeza-círculo". Desde el código fuente, transform puede ser la respuesta, creo.