Nebula icon indicating copy to clipboard operation
Nebula copied to clipboard

Implement helpers for the new Multi Page View Transitions API [🟥 awaiting full support]

Open chrisblakley opened this issue 9 years ago • 17 comments

Will need a transitions stylesheet along with an entering and exiting meta tag. The API is still currently in development.

chrisblakley avatar Nov 22 '14 02:11 chrisblakley

~~Here is another example: http://navtransoysteine.appspot.com/starry_night/~~ (Edit: This is a dead link now)

chrisblakley avatar Jun 24 '15 02:06 chrisblakley

http://chrislord.net/index.php/2015/04/24/web-navigation-transitions/

chrisblakley avatar Jul 29 '15 01:07 chrisblakley

https://github.com/jakearchibald/navigation-transitions

chrisblakley avatar Jul 14 '17 03:07 chrisblakley

Not sure if pageTransitionEvent would help... https://caniuse.com/#feat=page-transition-events

chrisblakley avatar Jan 23 '18 04:01 chrisblakley

screen shot 2018-11-13 at 2 19 39 pm

Future feature discussed in Chrome at the dev summit 2018. Called "Portals".

chrisblakley avatar Nov 13 '18 19:11 chrisblakley

More info on portals: https://github.com/WICG/portals

Related to https://github.com/chrisblakley/Nebula/issues/1782

chrisblakley avatar May 03 '19 02:05 chrisblakley

Portals browser support: https://caniuse.com/#feat=portals

chrisblakley avatar Jul 01 '20 14:07 chrisblakley

Closing this issue in favor of the dedicated Portals issue #1782

chrisblakley avatar May 12 '21 23:05 chrisblakley

New Page Transition API: https://www.youtube.com/watch?v=JCJUPJ_zDQ4

Developer guide: https://github.com/WICG/shared-element-transitions/blob/main/developer-guide.md Note that individual names may change.

Screen Shot 2022-05-12 at 10 52 14 PM

chrisblakley avatar May 13 '22 02:05 chrisblakley

More references:

Screen Shot 2022-05-12 at 10 57 34 PM

Screen Shot 2022-05-12 at 10 58 00 PM

chrisblakley avatar May 13 '22 02:05 chrisblakley

Tracked in CanIUse now: https://caniuse.com/view-transitions

Note: This is for single pages, not cross document view transitions!

Screen Shot 2023-06-12 at 9 12 27 AM

chrisblakley avatar Jun 12 '23 13:06 chrisblakley

More details on the cross-document view transitions here: https://github.com/WICG/view-transitions/blob/main/cross-doc-explainer.md

The above support table is specific to single pages.

chrisblakley avatar Jul 25 '23 21:07 chrisblakley