CSS Can I set animation keyframes using frames

[Johna]

Hi all,
I'm guessing this is not possible, because I haven't found it anywhere, but it is possible so set the key frames of an animation in frames?

Like I know you can use % and from and to, but is it possible with frames, like this?

@keyframes anim {
  1f {margin-left: 10px;}  /*I'm using "f" as frame, idk if there's anything for that?*/
  10f {margin-left: 20px;}
  25f {margin-left: 30px;}
  26f {margin-left: 40px;}
  60f {margin-left: 50px;}
}

.randomElement {
  animation: anim 60f infinite;
}

The reason I want to do this is because I don't want any transition in between certain parts of the animations, so I want whatever animation to change the frame after the previous one. Idk if you understand what I'm saying?

I've tried doing this instead, but it doesn't seem to work.

@keyframes anim {
  1% {margin-left: 10px;}  /*I'm using "f" as frame, idk if there's anything for that?*/
  10% {margin-left: 20px;}
  44.99999999999% {margin-left: 30px;}
  45% {margin-left: 40px;}
  60% {margin-left: 50px;}
  100% {margin-left: 60px;}
}

.randomElement {
  animation: anim 35s infinite;
}