What on Earth is Perspective
summary
Explains concrete CSS techniques to build 3D effects and what actually changes: use a parent with transform-style:preserve-3d and a numeric perspective:600px (example values 100–600 show intensity), move faces with translateZ or rotate3d, control anchor with transform-origin and hide reverse sides with backface-visibility:hidden. Shows working examples — a flipping Hogwarts letter, a car wiper, stacked panels — and notes platform quirks: WebKit needs prefixes, Firefox works, old Internet Explorer lacks preserve-3d.
AI-written summary · about
chapters (11)
- 0:00Intro
- 1:06What is perspective?
- 2:00Elements
- 3:55Perspective in Web Design
- 4:45Transform Origin
- 6:25The father
- 7:28Perspective with Transform
- 10:33Backface visibility
- 11:44Flip a card!
- 14:57Other components
- 20:10Browser compatibility
