perspective
Transform and motion
Sets the depth of 3D transforms; smaller values exaggerate the effect.
| How to write it | perspective: none; |
|---|---|
| Common values | none, 800px |
| Inherited | No — it stops at this element |
| Category | Transform and motion |
How to read this
- An inherited property only needs writing once on the parent — every child picks it up. Most text properties work this way.
- A shorthand resets whatever you leave out. Writing background: red alone also wipes a background image you set earlier.
- When rules collide, the more specific selector wins; only when specificity ties does source order decide.
- Animate transform and opacity for smoothness. Changing width or top forces the layout to be recalculated.
Frequently asked questions
Q. What is the CSS perspective property?
Sets the depth of 3D transforms; smaller values exaggerate the effect.
Q. How do you write perspective?
As perspective: none; Common values include none, 800px.
Q. Is perspective inherited?
No. It applies only where you write it, so each element needs its own declaration.
Q. What group does perspective belong to?
The transform and motion group.