Re: [csswg-drafts] [CSS-View-Transitions-2] Relative Additive Animation (#9578)

Animations will need to be automatically copied from those pseudo elements back to their originals for re-entry, which I failed to mention. A web developer can acheive subgroup animation by manually copying those animations to sub-elements, which might be tricky for anything other than translation and opacity. If the sort function is absent, automatic copying animations from the pseudo back to the original element should not happen.

Square brackets denote groups and subgroups.
Capital letters denote outer elements.
Numbers denote sub-elements.
Pipe characters are used to divide outer elements.
Commas are used to divide sub-elements.
Curly braces (handlebars) denote rasterized GPU textures.
Angle braces (greater/less than) denote animation.
Pound/hashtag character denote comments

[ A | B[1,2,3] | C ] # original
[ A | C ], {B[1,2,3]} + <exit> # Element B is removed with an exit animation
[ A | B[1,2,3] + <exit> + <entry> | C ] # Element B would have to be re-inserted entirely then sub-elements re-animated out
[ A | B[2]+<exit>+<entry>, { 1+<exit>+<entry>+<re-exit>, 3+<exit>+<entry>+<re-exit> } | C ] # Sub-elements 1 and 3 are removed individually

I wrote to the public-fx mailing list about animation copying. With the help of one W3C member I was able to reproduce an example I wrote in Obj-C. This was needed for sub-dividing glyph runs in NSTextView, which were drawn on GPU textures and shuffled around with Core Animation. Sadly all those javascript animation examples broke when the entire web-animations js shim repository was deleted and additive animation was removed from its replacement. This was the animation copying example in Obj-C:
https://www.youtube.com/watch?v=M-8_9vjJbKs&t=72s

It’s been over a decade now.

-- 
GitHub Notification of comment by KevinDoughty
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9578#issuecomment-1817268453 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 18 November 2023 00:00:30 UTC