search

WebWeWant / webwewant.fyi

If you build websites, you inevitably run into problems. Maybe there’s no way to achieve an aspect of your design using CSS. Or maybe there’s a device feature you really wish you could tap into using JavaScript. Or perhaps the in-browser DevTools don’t give you a key insight you need to do your job. We want to hear about it!
https://webwewant.fyi
MIT License
76 stars 23 forks source link

Animate CSS transitions between pages #365

Open WebWeWantBot opened 3 years ago

WebWeWantBot commented 3 years ago

title: Animate CSS transitions between pages date: 2021-05-03T20:36:23.193Z submitter: Anthony Ciccarello number: 60905ec74ae005008ebccd32 tags: [ ] discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/ status: [ discussing || in-progress || complete ] related:

Currently, animating elements between pages (like expanding a card to a full page) requires JavaScript rendering and client side routing. Given that the web is built on individual HTML documents, it shouldn't require re-implementing routing to add this functionality.

If posted, this will appear at https://webwewant.fyi/wants/60905ec74ae005008ebccd32/

gregwhitworth commented 3 years ago

Portals will probably solve what you need: https://wicg.github.io/portals/ and for an easier to consume medium with video presentation: https://web.dev/hands-on-portals/

This is a valid want and should be added to the site.

gregwhitworth commented 3 years ago

@aarongustafson @ststimac please give me a +1 since the triage thread says "no objection" :)

ststimac commented 3 years ago

@gregwhitworth +1

Malvoz commented 2 years ago

See also https://github.com/WICG/shared-element-transitions