Will text animation work here. Check whether this code is correct or not..

Question

transform-style: preserve-3d;
animation: 5s infinite alternate ease-in-out -7.5s;
animation-fill-mode: forwards;
transform: rotateY(40deg) rotateX(33deg) translateZ(0);

Answer 1

ease in out is animation name

Answer 2

animation goes to and fro so negative value

Answer 3

will this code work now

Answer 4

should i mention time in from { "here"} and to{"here"}

Answer 5

what are you doing here:
1. Where is the animation name
2. Why a negative value in seconds

After fixing that animation on text should work, probably you might also position absolute the text.

Answer 6

no no the animation name like drop, slide....etc.

animation-name: drop;

and,

@keyframes drop{
from{}
to{}
}

Answer 7

ease-in-out is how smooth animation is.
It means ease the animation when starting and when it ends.

Answer 8

yes after you put the element property from and to.

Answer 9

.yourText{
animation: mymove 3s ease-in-out infinite;
}

@keyframes mymove {
   0%   {top: 0px;}
   25% {top: 200px;}
   75% {top: 50px}
   100% {top: 100px;}
}