I have a question regarding CSS animation, specifically the typewriting effect.
I was able to successfully achieve the typewriting effect using animation. However, I noticed that even though I did not set any animation for transforming, once the text is generated it moves to the right-hand side.
Why is this happening and how can I resolve this issue? Here is my CSS animation code:
@keyframes fade {
0% {
transform: translateY(30px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
You can find my full code in the following link: