CSS Master

(Primo) #1
Figure 6.26. An element with a negative rotation (transform: rotate(-45deg)) applied

NegativeanglesforrotateY()causetheelementtotiltcounter-clockwise.InFig-
ure6.27,theelementhashasarotationof-55degreesaroundtheY-axis.

Figure 6.27. An element with transform: rotateY(-55deg) applied

Positivevaluestiltitclockwise,asshowninFigure6.28.

Figure 6.28. An element with transform: rotateY(55deg) applied

ThecontainingelementinFigure6.26,Figure6.27,andFigure6.28hasaperspect-
ivevalueof200px.We’lldiscusstheperspectivepropertylaterinthischapter.

250 CSS Master

Free download pdf