正在加载视频...

视频加载失败

返回首页

Weather App’s Style Sticky Scroll Section Using SwiftUI

_Kavsoft's profile picture

Kavsoft

29,471 subscribers

39,991 次观看 • 4 个月前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

3 条评论

Frank Tinsley 的头像
Frank Tinsley4 个月前

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 的头像
Ben Fischer4 个月前

This is freaking sweet thank you 🙏

Sambit 的头像
Sambit3 个月前

sent u a dm on Patreon :)

相关视频

Widget Style Flip Hero Transition Using SwiftUI
0:23

Widget Style Flip Hero Transition Using SwiftUI

Kavsoft

12,440 次观看 • 1 个月前

Apple Music Style Reactions Picker Using SwiftUI
0:24

Apple Music Style Reactions Picker Using SwiftUI

Kavsoft

17,620 次观看 • 1 个月前

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 次观看 • 4 个月前

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

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames

Kavsoft

30,815 次观看 • 7 个月前

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

Apple-Style OnBoarding Page With Animations Using SwiftUI

Kavsoft

27,666 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 5 个月前

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 次观看 • 3 年前

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 次观看 • 1 年前

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

Scroll efeects for SwiftUI,React native & Web in

sucodee

63,380 次观看 • 21 天前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 3 年前

Recreated using SwiftUI✌️
0:25

Recreated using SwiftUI✌️

Kavsoft

79,111 次观看 • 5 个月前

Stacked Glass Toasts Using SwiftUI
0:42

Stacked Glass Toasts Using SwiftUI

Kavsoft

49,100 次观看 • 2 个月前

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 次观看 • 1 年前

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 次观看 • 10 个月前

Recreated using SwiftUI. For More 👇
0:35

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 次观看 • 1 年前