Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

_Kavsoft's profile picture

Kavsoft

28,649 subscribers

20,540 Aufrufe • vor 5 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

SwiftUI Apple-Style Scroll View Video tutorial:
0:16

SwiftUI Apple-Style Scroll View Video tutorial:

sucodee

18,479 Aufrufe • vor 1 Jahr

Let’s design a custom scroll indicator using the newly released scroll APIs in iOS 18!
0:16

Let’s design a custom scroll indicator using the newly released scroll APIs in iOS 18!

Kavsoft

12,058 Aufrufe • vor 1 Jahr

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.
0:10

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Chrome for Developers

61,080 Aufrufe • vor 1 Jahr

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀
0:12

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

22,233 Aufrufe • vor 1 Jahr

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️
0:14

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️

Kavsoft

25,587 Aufrufe • vor 4 Monaten

Some people will scroll in anger. Some will scroll in envy. Some will scroll in love. The kiss remains the same.❤️ 😘🏳️‍🌈🏳️‍⚧️
0:11

Some people will scroll in anger. Some will scroll in envy. Some will scroll in love. The kiss remains the same.❤️ 😘🏳️‍🌈🏳️‍⚧️

Screen Time

39,798 Aufrufe • vor 5 Tagen

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;
0:11

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;

Solarin

20,995 Aufrufe • vor 1 Jahr

this is so fluid.. the scroll effect on this app is just mesmerizing
0:16

this is so fluid.. the scroll effect on this app is just mesmerizing

Aurelien

128,756 Aufrufe • vor 1 Jahr

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,368 Aufrufe • vor 1 Jahr

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

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

113,459 Aufrufe • vor 2 Jahren

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().
0:10

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

CSS by T. Afif

22,524 Aufrufe • vor 2 Monaten

The Scroll network is now available in Ledger Live! That means you can securely manage your $ETH, $USDT, and $USDC via the Scroll network through the Ledger ecosystem.
0:15

The Scroll network is now available in Ledger Live! That means you can securely manage your $ETH, $USDT, and $USDC via the Scroll network through the Ledger ecosystem.

Ledger

52,167 Aufrufe • vor 1 Jahr

Lightning Scroll custom VFX was secretly added ⚡
0:10

Lightning Scroll custom VFX was secretly added ⚡

Deadlock Intel

60,400 Aufrufe • vor 2 Monaten

Scroll-based 3d landing page. If you have a GLB/GLTF 3d file, you can ask Omma to build a scroll-based landing page and keep iterating by adding more details.
0:19

Scroll-based 3d landing page. If you have a GLB/GLTF 3d file, you can ask Omma to build a scroll-based landing page and keep iterating by adding more details.

Omma

27,864 Aufrufe • vor 3 Monaten

Creativity at its finest for this hero scroll effect! →
0:14

Creativity at its finest for this hero scroll effect! →

Jim Raptis

24,699 Aufrufe • vor 8 Monaten

`overscroll-x-contain` should be the default for any horizontal scroll container on the web. by default sideways trackpad swipes trigger browser back navigation and users hate this add this CSS and respect their intent .scroll-container { overscroll-behavior-x: contain; }
0:11

`overscroll-x-contain` should be the default for any horizontal scroll container on the web. by default sideways trackpad swipes trigger browser back navigation and users hate this add this CSS and respect their intent .scroll-container { overscroll-behavior-x: contain; }

OPM

34,747 Aufrufe • vor 3 Monaten

this.. is mesmerizing.. each scroll feels like traveling through a dreamlike, enchanting world
0:10

this.. is mesmerizing.. each scroll feels like traveling through a dreamlike, enchanting world

Aurelien

112,518 Aufrufe • vor 1 Jahr

Seen this a few times. FYI, Sky's F1 coverage is available within Apple TV, you just need to scroll (and scroll)
0:12

Seen this a few times. FYI, Sky's F1 coverage is available within Apple TV, you just need to scroll (and scroll)

✏️Jacob Feldman

115,265 Aufrufe • vor 3 Monaten

POV: You just found your new favorite view. 😉 Stopping your scroll for a quick second... worth it? #theamiraheffect #foryoupage #fyp #trend #viral #view #barb #happygirl #thecakequeen
0:14

POV: You just found your new favorite view. 😉 Stopping your scroll for a quick second... worth it? #theamiraheffect #foryoupage #fyp #trend #viral #view #barb #happygirl #thecakequeen

🦋AMIRAH DYME🦋

24,757 Aufrufe • vor 5 Monaten

practice makes... 👇 (scroll down)
0:15

practice makes... 👇 (scroll down)

Houston Rockets

49,368 Aufrufe • vor 1 Jahr