- From: Bramus! via GitHub <sysbot+gh@w3.org>
- Date: Tue, 26 Jul 2022 11:14:15 +0000
- To: public-css-archive@w3.org
+1 for unclamped. Otherwise demos like https://codepen.io/bramus/pen/xxRZZdK – where the child elements end up halfway in the scroller, thus at 50% animation progress, when reaching the scrollport edges – would no longer be possible.
About the parallax header you mentioned: that one seems more like a use-case for [exit keyframes](https://github.com/w3c/csswg-drafts/issues/7044#issuecomment-1144946715) applied onto the `.header`?
```css
@keyframes adjust-header {
exit 0% { transform: none; }
exit 100% { transform: translateY(30%); }
}
.header {
view-timeline: tl-header block;
}
.header .background {
animation: adjust-header tl-header;
}
```
Or am I overlooking things?
--
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7432#issuecomment-1195347967 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 26 July 2022 11:14:17 UTC