CSS Master

Figure 6.19. An element after it has been rotated and then skewed

Eachofthesetransformshasadifferentcurrenttransformmatrixcreatedbythe
orderofitstransformfunctions.Tofullyunderstandwhythisis,we’llneedtolearn
alittlebitofmatrixmultiplication.Thiswillalsohelpusunderstandthematrix
andmatrix3dfunctions.

Matrix Multiplication and the Matrix Functions

Amatrixisanarrayofnumbersorexpressionsarrangedinarectangleofrowsand
columns.Alltransformscanbeexpressedusinga 4 × 4 matrixasseeninFigure6.20.

CSS Transforms 245