CSS Este código de animación funciona bien, pero muestra errores en el código vs.

 -moz-animation: spinoffPulse 10s infinite linear; -webkit-animation: spinoffPulse 10s infinite linear; @-moz-keyframes spinoffPulse { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } }

El código Vs muestra un error en el código de animación anterior, pero funciona bien en la salida... Responda cuál es el problema en este código...

 html { --circle-width: 300px; } .circle { aspect-ratio: 1; width: var(--circleWidth); background-color: black; border-radius: 50%; position: relative; overflow: hidden; padding: .5rem; -moz-animation: spinoffPulse 10s infinite linear; -webkit-animation: spinoffPulse 10s infinite linear; } @-moz-keyframes spinoffPulse { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } #addNumBtn { position: absolute; top: 0; left: 0; } .numStyle { font-family: "roboto", sans-serif; }