Loading video...

Video Failed to Load

Go Home

I built a thing last week: it’s a Scroll-Driven View Transition. Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …

bramus's profile picture

Bramus

13,933 subscribers

113,459 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan
0:16

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,630 views • 1 year ago

With SwiftUI, is there a way to avoid the rectangle to disappear abruptly when the View in the safeAreaInset is removed with a move transition? I don’t want to combine the move transition with an opacity transition here.
0:10

With SwiftUI, is there a way to avoid the rectangle to disappear abruptly when the View in the safeAreaInset is removed with a move transition? I don’t want to combine the move transition with an opacity transition here.

Axel Le Pennec

11,403 views • 1 year ago

a song transition that has the ability to take you to heaven
0:18

a song transition that has the ability to take you to heaven

mimi⁷🐣 is NORMALᴬᴿᴵᴿᴬᴺᴳ

645,037 views • 4 months ago

This is a view of Midtown Manhattan taken from Hoboken NJ just last week. And this is how it looks today from the exact same spot. #NYC #smoke #wildfires #transition #AirPollution
0:15

This is a view of Midtown Manhattan taken from Hoboken NJ just last week. And this is how it looks today from the exact same spot. #NYC #smoke #wildfires #transition #AirPollution

Dan Martland

54,498 views • 3 years ago

Manta Network is partnering with @0xPolygonLabs to transition #MantaPacific to a zkEVM using Polygon CDK. Learn more about what this means for you. Read the news:
0:14

Manta Network is partnering with @0xPolygonLabs to transition #MantaPacific to a zkEVM using Polygon CDK. Learn more about what this means for you. Read the news:

Manta Network (🔱,🔱)

621,723 views • 2 years ago

introducing: burn transition for Framer scroll or animate through a torn, glowing edge that feels alive right on your canvas. tweak the burn, noise, edge, and glow to shape the transition you want. comment "BURN" and i'll send it to you for free! :)
0:10

introducing: burn transition for Framer scroll or animate through a torn, glowing edge that feels alive right on your canvas. tweak the burn, noise, edge, and glow to shape the transition you want. comment "BURN" and i'll send it to you for free! :)

Framer University

14,772 views • 7 months ago

thank you, thank you, thank you to all the people there last night. I loved this show so much. I can't tell you. Everything about it was right. The set list, the band. I felt so happy to be on that stage from beginning to end. Like I told you, I was a wreck all day maybe even the last few days worrying about how we could make it better than the last show from the previous residency. Right now I think we did it now we got a job to do. This is gonna be a touff one to beat.
0:15

thank you, thank you, thank you to all the people there last night. I loved this show so much. I can't tell you. Everything about it was right. The set list, the band. I felt so happy to be on that stage from beginning to end. Like I told you, I was a wreck all day maybe even the last few days worrying about how we could make it better than the last show from the previous residency. Right now I think we did it now we got a job to do. This is gonna be a touff one to beat.

Sammy Hagar

37,858 views • 5 months ago

I view this as a transition moment. A turnover into quick counter-attack. What are your opinions on it? Yes, that's my u8s, and that's me you hear pushing the counter to my team.
0:18

I view this as a transition moment. A turnover into quick counter-attack. What are your opinions on it? Yes, that's my u8s, and that's me you hear pushing the counter to my team.

Michael Carroll 🇺🇸

125,824 views • 3 years ago

Using the new zoom transition API, how do you disable the source view from scaling down? I have seen at least 1 app being able to do it so I know it’s possible.
0:10

Using the new zoom transition API, how do you disable the source view from scaling down? I have seen at least 1 app being able to do it so I know it’s possible.

Tanmay

120,196 views • 1 year ago

I just released the Torso UGC (an accessory): This one is a bit tricky to wear it right, so please VIEW THE THREAD as I will teach you what to do #chocowerehoundbrute #cookierunkingdom #roblox #robloxugc
0:18

I just released the Torso UGC (an accessory): This one is a bit tricky to wear it right, so please VIEW THE THREAD as I will teach you what to do #chocowerehoundbrute #cookierunkingdom #roblox #robloxugc

Konethorix

14,518 views • 6 months ago

Q: Early last year you indicted you wanted to take back the Panama Canal. We've heard a lot about Greenland. Is that still on the table? TRUMP: I don't want to tell you that. Sort of. I must say. Sort of. That's sort of on the table.
0:19

Q: Early last year you indicted you wanted to take back the Panama Canal. We've heard a lot about Greenland. Is that still on the table? TRUMP: I don't want to tell you that. Sort of. I must say. Sort of. That's sort of on the table.

Aaron Rupar

73,729 views • 7 months ago

I see the golf swing as a three-piece movement: the backswing, the transition, and the downswing. The transition is where most golfers lose the swing. They rush from the top, jerk the club down with their arms, and throw away all the power they created on the backswing. That’s why I love the Pause Drill. By pausing at the top, you’re forced to start the downswing from the ground up, just as the great ball strikers did. It teaches the proper kinematic sequence while helping you develop a smooth, unhurried transition. I constantly remind my students that a great golf swing isn’t about moving faster—it’s about moving in the right order. Master the transition, and the downswing will take care of itself.
0:10

I see the golf swing as a three-piece movement: the backswing, the transition, and the downswing. The transition is where most golfers lose the swing. They rush from the top, jerk the club down with their arms, and throw away all the power they created on the backswing. That’s why I love the Pause Drill. By pausing at the top, you’re forced to start the downswing from the ground up, just as the great ball strikers did. It teaches the proper kinematic sequence while helping you develop a smooth, unhurried transition. I constantly remind my students that a great golf swing isn’t about moving faster—it’s about moving in the right order. Master the transition, and the downswing will take care of itself.

ChristoGarciaGolf

53,709 views • 1 month ago

We know a lot of you prefer to git from the terminal instead of the built-in source control view. And we don't want you to feel left out of all this AI goodness. So we made this for you...
0:11

We know a lot of you prefer to git from the terminal instead of the built-in source control view. And we don't want you to feel left out of all this AI goodness. So we made this for you...

Visual Studio Code

435,401 views • 2 years ago

🦊 there are a lot of things that aren’t out yet so i hope you look forward to them a lot and let’s enjoy this promotion period~ it’s not over yet, there are lots of things yet to come out~ it’s not over yet so don’t feel regretful, let’s have fun & enjoy~
0:15

🦊 there are a lot of things that aren’t out yet so i hope you look forward to them a lot and let’s enjoy this promotion period~ it’s not over yet, there are lots of things yet to come out~ it’s not over yet so don’t feel regretful, let’s have fun & enjoy~

💬

30,765 views • 9 months ago

If there’s one thing I know about this skinny little man it’s that he loves encountering a Big Guy
0:15

Sensitive content

If there’s one thing I know about this skinny little man it’s that he loves encountering a Big Guy

카냥이

111,216 views • 1 year ago

Hey #Seattle I know it’s cold so take a break and enjoy this warm view! #Maui
0:15

Hey #Seattle I know it’s cold so take a break and enjoy this warm view! #Maui

Erin Mayovsky

19,887 views • 3 years ago

Jim Cramer last night on $TSLA: "Tesla is morphing right now. It's in transition from being a car company to being a technology company. You wanna be in there because the tech is worth a lot more than what it's selling for right now. Don't care where you bought it, care where it's going to."
0:12

Jim Cramer last night on $TSLA: "Tesla is morphing right now. It's in transition from being a car company to being a technology company. You wanna be in there because the tech is worth a lot more than what it's selling for right now. Don't care where you bought it, care where it's going to."

Sawyer Merritt

401,230 views • 1 year ago

I wanted to show you the transition from outside to inside, but maybe the transition from inside to outside is a little too punitive #gamedev #indiegame #landstalker #zelda
0:11

I wanted to show you the transition from outside to inside, but maybe the transition from inside to outside is a little too punitive #gamedev #indiegame #landstalker #zelda

Boot Danubien 🌊 Yalroc Island

40,410 views • 9 months ago

Libtards will look at a view like this and tell you it needs 10,000 Somalis in it
0:10

Libtards will look at a view like this and tell you it needs 10,000 Somalis in it

captive dreamer

36,838 views • 7 months ago