正在加载视频...

视频加载失败

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

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations. Also, we have some new View Transition DevTools in Firefox 147…

Firefox for Web Developers

90,111 subscribers

15,580 次观看 • 7 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Last week I posted about a secret config in Firefox that made view transitions easier to debug. SP said we should make it less secret. So we did.

Last week I posted about a secret config in Firefox that made view transitions easier to debug. SP said we should make it less secret. So we did.

Jake Archibald

11,430 次观看 • 10 个月前

View Transitions are a gift 🎁 One set of CSS keyframes and a scoped custom property to ::view-transition-old/new(body) 🚀

View Transitions are a gift 🎁 One set of CSS keyframes and a scoped custom property to ::view-transition-old/new(body) 🚀

jhey ʕ•ᴥ•ʔ

142,262 次观看 • 2 年前

Future CSS && UI Tip! ⚡️ You could use View Transitions to create those word carousel-type effects 😍 span:nth-of-type(2) { view-transition-name: swap; } ::view-transition-old(swap) { animation-name: slide-down; } ::view-transition-new(swap) { animation-name: slide-up; } How To 1. Create a paragraph split into spans 2. Set an interval in JavaScript that swaps out the accent word 3. Set a view-transition-name on the accent word and the last span Then you've got a responsive word carousel with View Transitions 🤙 Words and inspiration from work louder®'s home page. Had to see if this API could do it and it ended up raising a bug for the web platform! 💪 CodePen.IO link below! 👇

Future CSS && UI Tip! ⚡️ You could use View Transitions to create those word carousel-type effects 😍 span:nth-of-type(2) { view-transition-name: swap; } ::view-transition-old(swap) { animation-name: slide-down; } ::view-transition-new(swap) { animation-name: slide-up; } How To 1. Create a paragraph split into spans 2. Set an interval in JavaScript that swaps out the accent word 3. Set a view-transition-name on the accent word and the last span Then you've got a responsive word carousel with View Transitions 🤙 Words and inspiration from work louder®'s home page. Had to see if this API could do it and it ended up raising a bug for the web platform! 💪 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

230,157 次观看 • 3 年前

In addition to SubviewCollection, we also have a new Zoom Navigation Transition in iOS 18. By combining these two, we can create an Image Viewer similar to the one found on the X app. (Also, these are AsyncImages), For more👇

In addition to SubviewCollection, we also have a new Zoom Navigation Transition in iOS 18. By combining these two, we can create an Image Viewer similar to the one found on the X app. (Also, these are AsyncImages), For more👇

Kavsoft

25,292 次观看 • 1 年前

Can you believe these slides are full page loads to completely new HTML pages‽ #smashingconf ^ try it with Canary and enable the flag chrome://flags/#view-transition-on-navigation what. rad. tech. 🤯

Can you believe these slides are full page loads to completely new HTML pages‽ #smashingconf ^ try it with Canary and enable the flag chrome://flags/#view-transition-on-navigation what. rad. tech. 🤯

Adam Argyle

456,950 次观看 • 3 年前

“Let’s get one thing clear: no one transitions from male to female. No transition actually occurs. These boys who are competing in girls sport are boys.”

“Let’s get one thing clear: no one transitions from male to female. No transition actually occurs. These boys who are competing in girls sport are boys.”

Sall Grover

142,611 次观看 • 1 年前

Some updates to make your life easier: - Adjust the number of moves that appear per page - Compact view for easy accessibility - Scroll position saves for better page navigation Also, you can now view the number of upvotes, downvotes, and comments on specific moves

Some updates to make your life easier: - Adjust the number of moves that appear per page - Compact view for easy accessibility - Scroll position saves for better page navigation Also, you can now view the number of upvotes, downvotes, and comments on specific moves

Okizeme.gg

22,061 次观看 • 1 年前

✅ Baseline now has full feature coverage, making it easier to know which web platform features are ready to use. Build the next wave of Baseline-powered tools and compete for $10,000 in prizes →

✅ Baseline now has full feature coverage, making it easier to know which web platform features are ready to use. Build the next wave of Baseline-powered tools and compete for $10,000 in prizes →

Google for Developers

11,791 次观看 • 11 个月前

WATCH! New Jersey just blew up its last coal fired power planet. It will build storage for renewable energy instead. These are the transitions we need to see in 2023: We have the solutions. Implement them. #ActOnClimate #climate #energy #renewables

WATCH! New Jersey just blew up its last coal fired power planet. It will build storage for renewable energy instead. These are the transitions we need to see in 2023: We have the solutions. Implement them. #ActOnClimate #climate #energy #renewables

Mike Hudema

118,205 次观看 • 3 年前

We just shipped some nice quality of life upgrades to the Google AI Studio usage dashboards, making it easier to see the API success rate on your requests, view Gemini embedding model usage, the ability to zoom in on specific days, and a new graph design!

We just shipped some nice quality of life upgrades to the Google AI Studio usage dashboards, making it easier to see the API success rate on your requests, view Gemini embedding model usage, the ability to zoom in on specific days, and a new graph design!

Logan Kilpatrick

61,549 次观看 • 7 个月前

🔌 Today we've announced measures that will make it easier and cheaper to install electric vehicle chargepoints. With plans to install over 11,000 ultra rapid chargers between now and 2030, InstaVolt are working to help more drivers make the transition to electric 👇

🔌 Today we've announced measures that will make it easier and cheaper to install electric vehicle chargepoints. With plans to install over 11,000 ultra rapid chargers between now and 2030, InstaVolt are working to help more drivers make the transition to electric 👇

Department for Transport

19,932 次观看 • 1 年前

This week, we introduced new AI updates to @GooglePhotos that make it even easier to edit, create and search. Here are four new features to try.

This week, we introduced new AI updates to @GooglePhotos that make it even easier to edit, create and search. Here are four new features to try.

Google

196,966 次观看 • 9 个月前

Journalist: How does India view the new US sanctions on Iran? Foreign Secretary: We are studying them. You're aware of our general view on these sanctions. We recognise UN sanctions. Our effort has been to make Indian entities aware of the implications of these new sanctions.

Journalist: How does India view the new US sanctions on Iran? Foreign Secretary: We are studying them. You're aware of our general view on these sanctions. We recognise UN sanctions. Our effort has been to make Indian entities aware of the implications of these new sanctions.

Shashank Mattoo

166,174 次观看 • 1 天前

Sen. Tuberville: "We have entire men's teams across this country now that are turning trans. Women's teams that are turning trans...The woke globalists are pushing these kids to say if you can't compete in men's sports, let's transition and say you're a woman."

Sen. Tuberville: "We have entire men's teams across this country now that are turning trans. Women's teams that are turning trans...The woke globalists are pushing these kids to say if you can't compete in men's sports, let's transition and say you're a woman."

The Bulwark

149,145 次观看 • 1 年前

.Stephen Miller: "It is my view and the view of this administration that [sanctuary] cities are engaged in systemic criminal violations... the word scandal doesn't even come close to describing the enormity of the evil that we are talking about with these policies."

.Stephen Miller: "It is my view and the view of this administration that [sanctuary] cities are engaged in systemic criminal violations... the word scandal doesn't even come close to describing the enormity of the evil that we are talking about with these policies."

Rapid Response 47

173,032 次观看 • 1 年前