Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

SwiftUI Apple-Style Scroll View Video tutorial:

sucodee

18,479 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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

40,460 görüntüleme • 8 gün önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,369 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

💡 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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

Lightning Scroll custom VFX was secretly added ⚡
0:10

Lightning Scroll custom VFX was secretly added ⚡

Deadlock Intel

60,400 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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

Creativity at its finest for this hero scroll effect! →

Jim Raptis

24,699 görüntüleme • 8 ay önce

`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 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 5 ay önce

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

practice makes... 👇 (scroll down)

Houston Rockets

49,368 görüntüleme • 1 yıl önce