Re-imagine the web with View Transitions

Video from Chrome’s 2024 EOY campaign, highlighting View Transitions. I made sure the code snippets and animations that you see where Technically Correct™ + coded up a POC for this one (link to demo included).


This content originally appeared on Bram.us and was authored by Bramus!

Here’s a video we – Chrome – launched as part of our EOY campaign, highlighting View Transitions.

With new web capabilities like cross-document View Transitions—novel, app-like, seamless navigation is just a few lines of CSS away. Build delightful immersive sites that feel more connected than ever before.

Yes, the things you see on screen there can be built with View Transitions. For this video specifically I provided the marketing and video editing teams not only with the code snippets to show, but I also built them an actual View Transition POC which they then rebuilt in their video/animation software.

Head over to https://view-transitions.chrome.dev/ to check out the Same-Document View Transition(SPA) or Cross-Document View Transition (MPA) variants of this demo.


This content originally appeared on Bram.us and was authored by Bramus!


Print Share Comment Cite Upload Translate Updates
APA

Bramus! | Sciencx (2024-12-16T20:39:50+00:00) Re-imagine the web with View Transitions. Retrieved from https://www.scien.cx/2024/12/16/re-imagine-the-web-with-view-transitions/

MLA
" » Re-imagine the web with View Transitions." Bramus! | Sciencx - Monday December 16, 2024, https://www.scien.cx/2024/12/16/re-imagine-the-web-with-view-transitions/
HARVARD
Bramus! | Sciencx Monday December 16, 2024 » Re-imagine the web with View Transitions., viewed ,<https://www.scien.cx/2024/12/16/re-imagine-the-web-with-view-transitions/>
VANCOUVER
Bramus! | Sciencx - » Re-imagine the web with View Transitions. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/12/16/re-imagine-the-web-with-view-transitions/
CHICAGO
" » Re-imagine the web with View Transitions." Bramus! | Sciencx - Accessed . https://www.scien.cx/2024/12/16/re-imagine-the-web-with-view-transitions/
IEEE
" » Re-imagine the web with View Transitions." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2024/12/16/re-imagine-the-web-with-view-transitions/. [Accessed: ]
rf:citation
» Re-imagine the web with View Transitions | Bramus! | Sciencx | https://www.scien.cx/2024/12/16/re-imagine-the-web-with-view-transitions/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.