正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

Addy Osmani

391,970 subscribers

33,113 次观看 • 1 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

View Transitions API + Next.js:

View Transitions API + Next.js:

Lee Robinson

87,591 次观看 • 2 年前

I created this gooey text effect animation using View Transitions and the blur + contrast method

I created this gooey text effect animation using View Transitions and the blur + contrast method

Kevin Grajeda

172,261 次观看 • 1 年前

A first look at View Transitions working in Safari!

A first look at View Transitions working in Safari!

Addy Osmani

105,959 次观看 • 2 年前

View Transitions are coming to WP Admin in WordPress 7.0!

View Transitions are coming to WP Admin in WordPress 7.0!

Felix Arntz

14,503 次观看 • 8 个月前

New Astro + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.

New Astro + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.

Maxi Ferreira

125,867 次观看 • 3 年前

Happy "View Transitions Level 1 support in all major browsers" Day! 🎉 With Firefox 144 now stable, everyone gets beautiful transitions with Astro ClientRouter

Happy "View Transitions Level 1 support in all major browsers" Day! 🎉 With Firefox 144 now stable, everyone gets beautiful transitions with Astro ClientRouter

Astro

201,544 次观看 • 11 个月前

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

Chrome for Developers

73,475 次观看 • 5 个月前

After nearly 3 years of attempts, finally landed cross-document (MPA) view transitions in ✨

After nearly 3 years of attempts, finally landed cross-document (MPA) view transitions in ✨

Joe Bell

53,396 次观看 • 4 个月前

Did you know you can use view transitions with iframes? This is all you need: <iframe transition:name={exampleName}>

Did you know you can use view transitions with iframes? This is all you need: <iframe transition:name={exampleName}>

Astro

19,571 次观看 • 1 年前

shared element transitions [document] exploring layers and interactive dismissal patterns in this new view controller transition love giving the user small hints when they are mid-gesture - in this case "I'll dismiss if you let go!"

shared element transitions [document] exploring layers and interactive dismissal patterns in this new view controller transition love giving the user small hints when they are mid-gesture - in this case "I'll dismiss if you let go!"

Kristian Wagner

16,431 次观看 • 1 年前

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.

Noman

27,382 次观看 • 4 个月前

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO

Aysenur

83,842 次观看 • 3 年前

This is how the new spectator camera transitions looks like in-game.

This is how the new spectator camera transitions looks like in-game.

Thour

782,930 次观看 • 11 个月前

A year ago view transitions were tricky to implement right Today, I used this skill + $2 in credits to near one-shot this 🤯 Do I ship it to skills sh?

A year ago view transitions were tricky to implement right Today, I used this skill + $2 in credits to near one-shot this 🤯 Do I ship it to skills sh?

Andrew Qu

57,688 次观看 • 5 个月前

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

Addy Osmani

104,231 次观看 • 3 年前

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders

PixiJS

39,516 次观看 • 4 个月前

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

Chris Coyier

830,514 次观看 • 3 年前

Are you also in love with this view? 💕

Are you also in love with this view? 💕

Instaisabella_

185,753 次观看 • 3 年前