正在加载视频...

视频加载失败

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

Here it is with DevTools open 👀 Can slow down those cross-document View Transitions and see the network requests coming in 🤙 Could totally spend time tweaking different parts of the transition, timing, etc. ✨

jhey ʕ•ᴥ•ʔ

146,471 subscribers

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

Anya Rossi• Live Now

Private livecam show

7 条评论

@shikkhar_ 的头像

@shikkhar_1 年前

I would love to see a video tutorial on this bro…. It works amazing

trebleszn 的头像

trebleszn1 年前

How do you fetch the individual subscription data for each service for the customer

Ayan Patel 的头像

Ayan Patel1 年前

Massss 💥

Makisuo 的头像

Makisuo1 年前

Crazy how good browsers are getting

Satyajit 的头像

Satyajit1 年前

how are you making that chart? i am stuck with svg implmentation

Brayan 👾 的头像

Brayan 👾1 年前

i’m more curious on how you use the dev tools for css animations like this

Palatium • Portfolio designer 的头像

Palatium • Portfolio designer1 年前

The icon animation is ✨

相关视频

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

"It's a totally different way of playing it and i think just as successful" Talking about Meath's attacking style of play and how it's different and can blow teams away. However, when momentum is against them they could slow it down a bit

"It's a totally different way of playing it and i think just as successful" Talking about Meath's attacking style of play and how it's different and can blow teams away. However, when momentum is against them they could slow it down a bit

Smaller Fish

17,967 次观看 • 2 个月前

Trump: "The only time anybody could see those planes was when those bomb chutes open up, because it becomes totally un-stealth. You're going in, you go like this. And as soon as it goes like this, for some reason the plane is totally visible. Not good. And I watched it happening. I watched it go bing bing"

Trump: "The only time anybody could see those planes was when those bomb chutes open up, because it becomes totally un-stealth. You're going in, you go like this. And as soon as it goes like this, for some reason the plane is totally visible. Not good. And I watched it happening. I watched it go bing bing"

Aaron Rupar

757,021 次观看 • 8 个月前

There is a beautiful Fisherman's Wharf in Sanmen Jiantiao Port. Here you can see the sea view, eat seafood, and go out to sea. Here, you can see the beautiful sea view and feel the magnificence of the sea.

There is a beautiful Fisherman's Wharf in Sanmen Jiantiao Port. Here you can see the sea view, eat seafood, and go out to sea. Here, you can see the beautiful sea view and feel the magnificence of the sea.

Yummy Sanmen

12,787 次观看 • 2 年前

Timing is everything. Especially when a sinner is swinging a door at your face. Speaking of timing, it's the weekend, and there's no better way to spend it than with the demo for Labyrinth of the Demon King. Thank you to those who've tried it so far.

Timing is everything. Especially when a sinner is swinging a door at your face. Speaking of timing, it's the weekend, and there's no better way to spend it than with the demo for Labyrinth of the Demon King. Thank you to those who've tried it so far.

Top Hat Studios, Inc.

17,457 次观看 • 1 年前

"Those who can burn the olive groves of Palestinians can burn everything." Former Israeli Prime Minister Ehud Olmert expresses outrage over ongoing settler violence in the occupied West Bank, calling it "totally unacceptable, intolerable and unforgivable... done with the tacit cooperation... of the Israeli police and a gross indifference by the Israeli military in the area. And it is time to stop it." Watch our full interview here.

"Those who can burn the olive groves of Palestinians can burn everything." Former Israeli Prime Minister Ehud Olmert expresses outrage over ongoing settler violence in the occupied West Bank, calling it "totally unacceptable, intolerable and unforgivable... done with the tacit cooperation... of the Israeli police and a gross indifference by the Israeli military in the area. And it is time to stop it." Watch our full interview here.

Christiane Amanpour

216,221 次观看 • 8 个月前

the new --cpu-prof flag is a really nice way to see how much of your time Bun is spending on the CPU ⚡ you can open the profile directly in VSCode/Cursor/Chrome DevTools. also makes it easier to compare how your script performs in Bun vs Node!

Lydia Hallie ✨

70,061 次观看 • 9 个月前

Ollama 0.2 is here! Concurrency is now enabled by default. This unlocks 2 major features: Parallel requests Ollama can now serve multiple requests at the same time, using only a little bit of additional memory for each request. This enables use cases such as: - Handling multiple chat sessions at the same time - Hosting code completion LLMs for your team - Processing different parts of a document simultaneously - Running multiple agents at the same time Run multiple models Ollama now supports loading different models at the same time. This improves several use cases: - Retrieval Augmented Generation (RAG): both the embedding and text completion models can be loaded into memory simultaneously. - Agents: multiple versions of an agent can now run simultaneously - Running large and small models side-by-side Models are automatically loaded and unloaded based on requests and how much GPU memory is available.

Ollama 0.2 is here! Concurrency is now enabled by default. This unlocks 2 major features: Parallel requests Ollama can now serve multiple requests at the same time, using only a little bit of additional memory for each request. This enables use cases such as: - Handling multiple chat sessions at the same time - Hosting code completion LLMs for your team - Processing different parts of a document simultaneously - Running multiple agents at the same time Run multiple models Ollama now supports loading different models at the same time. This improves several use cases: - Retrieval Augmented Generation (RAG): both the embedding and text completion models can be loaded into memory simultaneously. - Agents: multiple versions of an agent can now run simultaneously - Running large and small models side-by-side Models are automatically loaded and unloaded based on requests and how much GPU memory is available.

ollama

219,429 次观看 • 2 年前

Spent the weekend building an interactive map of Manhattan Every building, color coded by the year it was built Click any one to see its history You can also view neighborhoods, different views etc Project and GitHub 🔗 in replies

Spent the weekend building an interactive map of Manhattan Every building, color coded by the year it was built Click any one to see its history You can also view neighborhoods, different views etc Project and GitHub 🔗 in replies

Perly 🦈

70,758 次观看 • 3 个月前

Look my painted toes in these glossy pantyhose with open-toe heels 👀… Just the kind of elegant tease I love 🥰. That high arch hits different when I slow it down and let you stare a little longer 🥵. 🤩 I’m wearing PinkGrapes oil shine 8 DEN tights, and the shine is doing exactly what it should.

Look my painted toes in these glossy pantyhose with open-toe heels 👀… Just the kind of elegant tease I love 🥰. That high arch hits different when I slow it down and let you stare a little longer 🥵. 🤩 I’m wearing PinkGrapes oil shine 8 DEN tights, and the shine is doing exactly what it should.

👠 ℙ𝔸ℕ𝕋𝕐ℍ𝕆𝕊𝔼 𝔸ℕ𝔻 ℍ𝔼𝔼𝕃𝕊 𝔻𝕀𝕍𝔸

13,805 次观看 • 1 个月前

It's officially time... The release of my comedy album Sports Illustrated: Comedian Edition is here and you can get it in the link down in the replies!

It's officially time... The release of my comedy album Sports Illustrated: Comedian Edition is here and you can get it in the link down in the replies!

Donavan (DeathCripps)

737,399 次观看 • 3 年前

WEF "agenda contributor" Mina Al-Oraibi: Even though the speed of the Net Zero energy transition may slow down under the Trump administration, it won't get reversed. "Everybody sees climate change tangibly. We see it here, gathered [in Davos], the levels of snow compared to what we're used to in the Middle East. We absolutely feel the impact of climate change." "I don't think there's going to be a major reversal... The reality is that the energy transition is necessary, but it may get slowed [down]."

WEF "agenda contributor" Mina Al-Oraibi: Even though the speed of the Net Zero energy transition may slow down under the Trump administration, it won't get reversed. "Everybody sees climate change tangibly. We see it here, gathered [in Davos], the levels of snow compared to what we're used to in the Middle East. We absolutely feel the impact of climate change." "I don't think there's going to be a major reversal... The reality is that the energy transition is necessary, but it may get slowed [down]."

Wide Awake Media

62,478 次观看 • 1 年前

Curious moment here where one guy mentions the totally plausible theory that Mandelson is directly implicated in Epstein’s blackmail network, and an audibly panicked Will Lloyd shuts it down

Curious moment here where one guy mentions the totally plausible theory that Mandelson is directly implicated in Epstein’s blackmail network, and an audibly panicked Will Lloyd shuts it down

matt ༼ ◕_◕ ༽🇵🇸

29,437 次观看 • 11 个月前

It is a miracle that we can understand and create a model of the universe in our minds, and I can't think of a better way to spend my time here. #wonder #science #thepoetryofreality The full episode is here:

It is a miracle that we can understand and create a model of the universe in our minds, and I can't think of a better way to spend my time here. #wonder #science #thepoetryofreality The full episode is here:

Richard Dawkins

124,660 次观看 • 2 年前

Had to slow this down for those of us missing the ADHD gene so we can actually see what's going on. And it's devastating. He's coming for our throats again.😭 #EAT_IT_UP_SPAGHETTI #jhope #LE_SSERAFIM

Had to slow this down for those of us missing the ADHD gene so we can actually see what's going on. And it's devastating. He's coming for our throats again.😭 #EAT_IT_UP_SPAGHETTI #jhope #LE_SSERAFIM

cyb3rpunkt 🐿️💚ミ⊙⊝⊜

36,638 次观看 • 10 个月前

Watch this and tell me the police arent totally out of their depths here.... you can see it in their faces....🤔🤷‍♀️

Watch this and tell me the police arent totally out of their depths here.... you can see it in their faces....🤔🤷‍♀️

🤍𝕁𝕆🤍

251,528 次观看 • 1 年前

Building the immersive compute network is a complex mission with many moving parts. The Guardian Node Reward Calculator helps you explore different possibilities and better understand how market dynamics could affect the rewards of operating a Mawari Guardian Node.

Building the immersive compute network is a complex mission with many moving parts. The Guardian Node Reward Calculator helps you explore different possibilities and better understand how market dynamics could affect the rewards of operating a Mawari Guardian Node.

Mawari

80,505 次观看 • 11 个月前

CSS Tip! ✨ You can create these parallax effects and image cross-fades with scroll-driven animations 🤙 img { animation: fade; animation-timeline: view(); mix-blend-mode: plus-lighter } img:last-of-type { animation-direction: reverse; } @keyframes fade { to { opacity: 0; }} This one's fun! 😁 The trick with the cross-fading image is to make use of one animation that runs at the same time on two images inside a container. You use the same animation, animation-timeline, and animation-range. But, you use animation-direction: reverse on one of the images so they go in the opposite direction 🫶 The use of mix-blend-mode: plus-lighter; produces a better cross-fade result 💯 A viewTimeline (view()) works because you know that both images are the same height. The range you can use is img { animation-timeline: view(); animation-range: cover 45% cover 55%; } That means when the image has covered 45% of the scrollport (In this case, the window), start the animation. And finish when it has covered 55% 🎬 How about the slight parallax? This is a trick with calc(). You know the top of the small image and the big image line up. And you can do this by absolutely placing the caption outside of the small image. The trick is to translate the small image by a distance so it lines up with the bottom of the big image. You can do that like this :root { --catch-up: calc( var(--big-height) - var(--small-height) ); } @keyframes move { to { translate: 0 var(--catch-up); }} Then drive that animation with a scroll-driven animation using the container of both images as the driver 🤙 /* section contains both images */ section { view-timeline: --container; } .img-fader { animation: catch-up both linear; animation-timeline: --container; animation-range: 50vh calc(100vh + (var(--big-height) * 0.25)); } That's it! Scroll-driven image cross-fading and parallax effects without any JavaScript. This demo will work in all browsers as there is some JavaScript in place where the API isn't supported 🤙 To do that, it uses GSAP ScrollTrigger 🏆 As always, any questions, requests, etc. hit me up! 🤙 CodePen.IO link below 👇

CSS Tip! ✨ You can create these parallax effects and image cross-fades with scroll-driven animations 🤙 img { animation: fade; animation-timeline: view(); mix-blend-mode: plus-lighter } img:last-of-type { animation-direction: reverse; } @keyframes fade { to { opacity: 0; }} This one's fun! 😁 The trick with the cross-fading image is to make use of one animation that runs at the same time on two images inside a container. You use the same animation, animation-timeline, and animation-range. But, you use animation-direction: reverse on one of the images so they go in the opposite direction 🫶 The use of mix-blend-mode: plus-lighter; produces a better cross-fade result 💯 A viewTimeline (view()) works because you know that both images are the same height. The range you can use is img { animation-timeline: view(); animation-range: cover 45% cover 55%; } That means when the image has covered 45% of the scrollport (In this case, the window), start the animation. And finish when it has covered 55% 🎬 How about the slight parallax? This is a trick with calc(). You know the top of the small image and the big image line up. And you can do this by absolutely placing the caption outside of the small image. The trick is to translate the small image by a distance so it lines up with the bottom of the big image. You can do that like this :root { --catch-up: calc( var(--big-height) - var(--small-height) ); } @keyframes move { to { translate: 0 var(--catch-up); }} Then drive that animation with a scroll-driven animation using the container of both images as the driver 🤙 /* section contains both images / section { view-timeline: --container; } .img-fader { animation: catch-up both linear; animation-timeline: --container; animation-range: 50vh calc(100vh + (var(--big-height) 0.25)); } That's it! Scroll-driven image cross-fading and parallax effects without any JavaScript. This demo will work in all browsers as there is some JavaScript in place where the API isn't supported 🤙 To do that, it uses GSAP ScrollTrigger 🏆 As always, any questions, requests, etc. hit me up! 🤙 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

242,205 次观看 • 2 年前