Figure 6.17. The original element (left) and after a combined rotation and scaling transformation is applied (right)
Now,theorderoftransformfunctionsmattersquiteabit.Thisisapointthat’sbetter
shownthantalkedabout,solet’slookatanexampletoillustrate.ThisCSSskews
androtatesanelement:
.transformEl {
transform: skew(10deg, 15deg) rotate(45deg);
}
ItgivesustheresultyouseeinFigure6.18.
CSS Transforms 243