Can you explain CSS3 animation?

Question

css

There is such an animation
How to make the picture spin counter-clockwise instead of clockwise when it appears?
And can you please give a link to a detailed explanation or explain the action of this one yourself:
transform: matrix(-.01,0,0,-.01,0,-125);
Thanks in advance for the answer!

Answer 1

.container {
    transform: rotate(-180deg) translate(0px, 125px) scale(0.01, 0.01) ;
  }


@keyframes appear {
  50%{
    transform: rotate(-360deg);
    }
}

See also here link