notecss
To give View Transitions a perspective, either:
::view-transition-image-pair(--foo) {
perspective: 500px;
}
/* or */
::view-transition-new(--foo) {
transform: perspective(500px);
}
Hope this finds someone well.
2,033 views · 5 active
want 3D perspective in your view transitions? nerdy.dev/view-transit...Adam Argyle
Adam: Do you have an example where this would work well? tried fiddlin' a bit around with it - but I guess its relevant for 3D transforms only?Lars Ejaas ????
example of perspective in a view transition
https://codepen.io/argyleink/pen/qEWeYzd
button morph to dialogAdam Argyle :chrome: