Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Weather App’s Style Sticky Scroll Section Using SwiftUI

_Kavsoft's profile picture

Kavsoft

29,471 subscribers

39,991 Aufrufe • vor 4 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

3 Kommentare

Profilbild von Frank Tinsley
Frank Tinsleyvor 4 Monaten

I think the weather app should use a blur gradient for the elements that are current just hard cropped by the section title bars.

Profilbild von Ben Fischer
Ben Fischervor 4 Monaten

This is freaking sweet thank you 🙏

Profilbild von Sambit
Sambitvor 4 Monaten

sent u a dm on Patreon :)

Ähnliche Videos

Widget Style Flip Hero Transition Using SwiftUI
0:23

Widget Style Flip Hero Transition Using SwiftUI

Kavsoft

12,440 Aufrufe • vor 1 Monat

Apple Music Style Reactions Picker Using SwiftUI
0:24

Apple Music Style Reactions Picker Using SwiftUI

Kavsoft

17,620 Aufrufe • vor 1 Monat

Disappearing Scroll Header Using SwiftUI NOTES: Inspired from the Instagram App!
0:27

Disappearing Scroll Header Using SwiftUI NOTES: Inspired from the Instagram App!

Kavsoft

20,110 Aufrufe • vor 4 Monaten

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames
0:29

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames

Kavsoft

30,815 Aufrufe • vor 7 Monaten

Apple-Style OnBoarding Page With Animations Using SwiftUI
0:29

Apple-Style OnBoarding Page With Animations Using SwiftUI

Kavsoft

27,666 Aufrufe • vor 1 Jahr

Building Scrollable Tab View Using SwiftUI | Instagram Profile Scroll Tab View | iOS 18+ | Xcode 16
0:44

Building Scrollable Tab View Using SwiftUI | Instagram Profile Scroll Tab View | iOS 18+ | Xcode 16

Kavsoft

18,368 Aufrufe • vor 1 Jahr

Container scroll-state queries let you apply styles to elements based on the container's scroll state — stuck, snapped, or scrollable👇 .section-header { ... container-type: scroll-state; container-name: sticky-hd; } @ container sticky-hd scroll-state(stuck: top) { ... } #CSS
0:20

Container scroll-state queries let you apply styles to elements based on the container's scroll state — stuck, snapped, or scrollable👇 .section-header { ... container-type: scroll-state; container-name: sticky-hd; } @ container sticky-hd scroll-state(stuck: top) { ... } #CSS

Bharat Kara

26,874 Aufrufe • vor 5 Monaten

SwiftUI Animated Sticky Header With Auto Scrollable Tabs - Complex Animations - SwiftUI Tutorials #SwiftUI #animation #Apple #ios
0:25

SwiftUI Animated Sticky Header With Auto Scrollable Tabs - Complex Animations - SwiftUI Tutorials #SwiftUI #animation #Apple #ios

Kavsoft

30,781 Aufrufe • vor 3 Jahren

my upcoming wikipedia app’s loading screen & the swiftui tool i built to determine the animation’s values
0:51

my upcoming wikipedia app’s loading screen & the swiftui tool i built to determine the animation’s values

Vincent van der Meulen

108,242 Aufrufe • vor 1 Jahr

Scroll efeects for SwiftUI,React native & Web in
0:34

Scroll efeects for SwiftUI,React native & Web in

sucodee

63,380 Aufrufe • vor 23 Tagen

CSS Scroll-driven knockout text using SVG filter 🥊 section { filter: url(#​knockout); } section h1 { animation: shrink; } @​keyframes shrink { 0% { scale: 36; }} Animate text scale on a video overlay ✅ Knock out text using SVG filter ✅ Drive with scroll ✅
0:46

CSS Scroll-driven knockout text using SVG filter 🥊 section { filter: url(#​knockout); } section h1 { animation: shrink; } @​keyframes shrink { 0% { scale: 36; }} Animate text scale on a video overlay ✅ Knock out text using SVG filter ✅ Drive with scroll ✅

jhey ʕ•ᴥ•ʔ

100,316 Aufrufe • vor 2 Jahren

Resizable ScrollView Header | Scroll To Hide Header | SwiftUI | iOS 18+
0:38

Resizable ScrollView Header | Scroll To Hide Header | SwiftUI | iOS 18+

Kavsoft

11,916 Aufrufe • vor 1 Jahr

SwiftUI got another super nice API in iOS 17: Scroll Transitions!
5:15

SwiftUI got another super nice API in iOS 17: Scroll Transitions!

Flo writes Code

93,520 Aufrufe • vor 3 Jahren

Recreated using SwiftUI✌️
0:25

Recreated using SwiftUI✌️

Kavsoft

79,111 Aufrufe • vor 5 Monaten

Stacked Glass Toasts Using SwiftUI
0:42

Stacked Glass Toasts Using SwiftUI

Kavsoft

49,100 Aufrufe • vor 2 Monaten

CSS picture-in-picture video transition using container queries + position: sticky 🧑‍🍳 .container { container-type: scroll-state; } @​container scroll-state(stuck: top) { video { translate: calc(50vw - 100%) calc(100vh - 100%); } }
0:36

CSS picture-in-picture video transition using container queries + position: sticky 🧑‍🍳 .container { container-type: scroll-state; } @​container scroll-state(stuck: top) { video { translate: calc(50vw - 100%) calc(100vh - 100%); } }

jhey ʕ•ᴥ•ʔ

138,422 Aufrufe • vor 1 Jahr

Sticky notes in SwiftUI using TransitionStyle.pageCurl. The page curl effect is meant to be used fullscreen so it took some fidgeting to get it working at a smaller size.
0:26

Sticky notes in SwiftUI using TransitionStyle.pageCurl. The page curl effect is meant to be used fullscreen so it took some fidgeting to get it working at a smaller size.

Todd Hamilton

27,973 Aufrufe • vor 10 Monaten

Recreated using SwiftUI. For More 👇
0:35

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 Aufrufe • vor 1 Jahr