Suggest an editImprove this articleRefine the answer for “What does transform: perspective() do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`transform: perspective()`** is a function that applies perspective distortion for 3D transforms, creating a sense of depth: farther objects look smaller, closer ones look bigger. **Key point:** used inside `transform`, it affects only that one element, unlike the standalone `perspective` property, which affects all children of a container.Shown above the full answer for quick recall.Answer (EN)Image`transform: perspective()` is a function that applies **perspective distortion for 3D transforms**, creating a sense of depth: farther objects look smaller, closer ones look bigger. Important: when `perspective()` is used **inside** `transform`, it applies **only to that element**, not to any children. Example: ```css .box { transform: perspective(600px) rotateY(45deg); } ``` Where `600px` is the distance from the "camera" to the object (the smaller the value, the stronger the perspective). --- ### **The difference from** `perspective` **as a standalone property** ```css .container { perspective: 600px; /* affects all 3D transforms inside the container */ } ``` - `perspective` (standalone property): sets the perspective for **all children** - `perspective()` in `transform`: **only for that specific element** --- ### **Summary** `transform: perspective(X)` creates a 3D depth effect for an element, affecting how rotations and other 3D transforms are perceived.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.