CSS Master

Figure 6.39. In this example, boxes appear smaller and further away as they get closer to the vanishing point

Thisisessentiallyhowtheperspective-originpropertyworks.Itsetsthecoordin-

atesofthevanishingpointforthestage.NegativeYvaluesgivetheimpressionthat

theviewerislookingdownatthestage,whilepositiveonesimplylookingupfrom

belowit.NegativeXvaluesmimictheeffectoflookingfromtherightofthestage.

PositiveXvaluesmimiclookingfromitsleft.Figure6.40showsacontainingelement

withaperspective-originof-50%-50%.

264 CSS Master