Changing the Viewing Position with perspective-origin4:46 with Guil Hernandez
By default, the position at which the viewer sees 3D space is the center of the screen. You can change the viewing position with the 'perspective-origin' property.
perspective-originsets where the viewer sees the objects in 3D space.
perspective-origindoesn't do anything by itself; you need to apply the property to the element enabling 3D space.
perspective-originaccepts two values that set the horizontal and vertical position; the values can be length units, percentages or position keywords.
- The default value for
- A horizontal percentage value below
50%moves the origin towards the left.
- A horizontal percentage value over
50%moves the origin towards the right.
- A vertical percentage value lower than
50%moves the origin up from the default center position, while a value higher than
50%moves the origin down.
You need to sign up for Treehouse in order to download course files.Sign up