正在加载视频...

视频加载失败

返回首页

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

addyosmani's profile picture

Addy Osmani

391,970 subscribers

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

科学技术教育艺术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

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!
0:15

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!
0:14

View Transitions are coming to WP Admin in WordPress 7.0!

Felix Arntz

14,407 次观看 • 6 个月前

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

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,430 次观看 • 9 个月前

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

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,776 次观看 • 2 年前

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.
0:13

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,272 次观看 • 3 个月前

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

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

Joe Bell

53,396 次观看 • 2 个月前

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

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

Astro

19,543 次观看 • 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!"
0:05

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,428 次观看 • 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.
0:18

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

26,710 次观看 • 1 个月前

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

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,819 次观看 • 2 年前

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

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

Thour

782,875 次观看 • 9 个月前

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?
0:13

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 次观看 • 3 个月前

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
0:14

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,222 次观看 • 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
0:10

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

38,927 次观看 • 2 个月前

Answer in comments ⤵️ using only emoji or gif how this view makes you feel
0:13

Answer in comments ⤵️ using only emoji or gif how this view makes you feel

𝐒𝐨𝐟𝐢𝐚

34,738 次观看 • 2 年前

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.
0:14

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,480 次观看 • 3 年前