What you want here is not: .parent { perspective: 600px; } …but: .child { transform: perspective(600px); } css-tricks.com/why-isnt-my-...
3 reposts14 likes
What you want here is not: .parent { perspective: 600px; } …but: .child { transform: perspective(600px); } css-tricks.com/why-isnt-my-...
3 reposts14 likes
...but you can also just set perspective on the parent as usual. The only thing to remember is that, when animating view transition pseudos, the direct parent of both the old and new images is the image-pair pseudo element: ::view-transition-image-pair(root) { perspective: 50cm; }