CSS animation

Question

Can someone tell me why my animation isn’t working I want to move the text from left to right.

.sign{
font-size: 20px;
text-shadow: -10px 0px 10px black ;
animation-name: signa;
animation-duration: 5s;

}

@keyframe signa{
from {text-align: right;}
to {text-align: left;}
}

Here’s the full code
https://code.sololearn.com/WZoI3pm8RmA2/?ref=app

Answer 1

Syntax error: @keyframes

And use shorthand animation
animation: signa 5s linear 0s infinite;

Answer 2

thank you!