CSS Master

(Primo) #1
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

Free download pdf