Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Weather App’s Style Sticky Scroll Section Using SwiftUI

_Kavsoft's profile picture

Kavsoft

29,471 subscribers

39,991 görüntüleme • 4 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

3 Yorum

Frank Tinsley profil fotoğrafı
Frank Tinsley4 ay önce

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

Ben Fischer profil fotoğrafı
Ben Fischer4 ay önce

This is freaking sweet thank you 🙏

Sambit profil fotoğrafı
Sambit4 ay önce

sent u a dm on Patreon :)

Benzer Videolar

Widget Style Flip Hero Transition Using SwiftUI
0:23

Widget Style Flip Hero Transition Using SwiftUI

Kavsoft

12,440 görüntüleme • 1 ay önce

Apple Music Style Reactions Picker Using SwiftUI
0:24

Apple Music Style Reactions Picker Using SwiftUI

Kavsoft

17,620 görüntüleme • 1 ay önce

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

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

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames

Kavsoft

30,815 görüntüleme • 7 ay önce

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

Apple-Style OnBoarding Page With Animations Using SwiftUI

Kavsoft

27,666 görüntüleme • 1 yıl önce

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

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

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

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

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

Scroll efeects for SwiftUI,React native & Web in

sucodee

63,380 görüntüleme • 24 gün önce

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

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

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

Recreated using SwiftUI✌️
0:25

Recreated using SwiftUI✌️

Kavsoft

79,111 görüntüleme • 5 ay önce

Stacked Glass Toasts Using SwiftUI
0:42

Stacked Glass Toasts Using SwiftUI

Kavsoft

49,100 görüntüleme • 2 ay önce

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

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

Recreated using SwiftUI. For More 👇
0:35

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 görüntüleme • 1 yıl önce