CSS Master

Figure 6.16. Again, the left image remains untransformed, and the right image is skewed vertically by 30 degrees

Thisbringsustotheskewfunction.Theskewfunctionrequiresoneargument,but

acceptsuptotwo.ThefirstargumentskewsanelementintheXdirection,andthe

secondskewsitintheYdirection.Ifonlyoneargumentisprovided,thesecond

valueisassumedtobezero,makingittheequivalentofskewingintheXdirection

alone.Inotherwords,skew(45deg)rendersthesameasskewX(45deg).

Current Transform Matrix

Sofar,we’vediscussedtransformfunctionsseparately,buttheycanalsobecom-

bined.Wanttoscaleandrotateanobject?Noproblem,useatransformlist,forex-

ample:

.rotatescale {

transform: rotate(45deg) scale(2);

}

ThisproducestheresultsyouseeinFigure6.17.

242 CSS Master