- From: Tim Nguyen via GitHub <sysbot+gh@w3.org>
- Date: Wed, 27 Mar 2024 07:17:13 +0000
- To: public-css-archive@w3.org
nt1m has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-view-transitions-2] Add a way to auto-generate view transition names for single page transitions ==
This type of CSS isn't particularly great for single page transitions:
```
.card:nth-child(1) { view-transition-name: card-1; }
.card:nth-child(2) { view-transition-name: card-2; }
.card:nth-child(3) { view-transition-name: card-3; }
.card:nth-child(4) { view-transition-name: card-4; }
.card:nth-child(5) { view-transition-name: card-5; }
.card:nth-child(6) { view-transition-name: card-6; }
.card:nth-child(7) { view-transition-name: card-7; }
.card:nth-child(8) { view-transition-name: card-8; }
.card:nth-child(9) { view-transition-name: card-9; }
.card:nth-child(10) { view-transition-name: card-10; }
.card:nth-child(11) { view-transition-name: card-11; }
.card:nth-child(12) { view-transition-name: card-12; }
.card:nth-child(13) { view-transition-name: card-13; }
.card:nth-child(14) { view-transition-name: card-14; }
.card:nth-child(15) { view-transition-name: card-15; }
.card:nth-child(16) { view-transition-name: card-16; }
.card:nth-child(17) { view-transition-name: card-17; }
```
It would be good if the reserved `auto` keyword could be leveraged here to do this:
`.card { view-transition-name: auto; }`
or such.
One concern that was brought up is that it wouldn't be possible to automatically to do this for cross-document transitions, but I doubt that is a significant issue, but this is pretty useful by itself even just for single-page ones.
cc @khushalsagar @vmpstr @noamr @fantasai @jensimmons
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10148 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 27 March 2024 07:17:14 UTC