- From: Todd Padwick via GitHub <sysbot+gh@w3.org>
- Date: Mon, 19 Feb 2024 17:39:15 +0000
- To: public-css-archive@w3.org
Really? I may be confused still but seems like its still relevant - since I do not want anything outside the viewport from participating in the transition - i want the transition-view image to just be the bounding box of the viewport. If I change the height of them, it compresses the whole page transition view to be 100vh, which is not right.
eg this is the code I hope would achieve desired result:
```
::view-transition-old(root) {
animation:slide-view-out 1s;
}
::view-transition-new(root) {
animation:slide-view-in 1s;
}
@keyframes slide-view-out {
0% {
transform:translateY(0);
}
100% {
transform:translateY(-100vh);
}
}
@keyframes slide-view-in {
0% {
transform:translateY(100vh);
}
100% {
transform:translateY(0);
}
}
```
--
GitHub Notification of comment by toddpadwick
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8282#issuecomment-1952937181 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 19 February 2024 17:39:16 UTC