Please research how the various browsers will process and display 2D and 3D transformations.
One recommendation is that you understand X, Y coordinates in positioning For both Scale and Translate. Another recommendation is that you understand how degees work for rotation and skew transformations. Learning all of these will allow you to use a Matrix, this is when you combine all concepts into one.
As mentioned above, if you cannot understand those principles then your animations may take a long time to get functioning properly. If at all.
After learning your 2D options, some 3D options only need to add a Z into your parameter for depth/length.
When using 3D animations youll need to remember a third parameter in your CSS. It is also listed last when setting parameters for your animation.