Загрузка видео...

Не удалось загрузить видео

На главную

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
Sambit4 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 8 месяцев назад

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 просмотров • 28 дней назад

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,273 просмотров • 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 год назад

Recreated using SwiftUI. For More 👇
0:35

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 просмотров • 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 месяцев назад

iOS Photos App Style Transitions Using SwiftUI NOTES: 1. The transition is not an overlay but a full-screen cover. 2. The paging is done using Page Tab View, not ScrollView.
0:25

iOS Photos App Style Transitions Using SwiftUI NOTES: 1. The transition is not an overlay but a full-screen cover. 2. The paging is done using Page Tab View, not ScrollView.

Kavsoft

13,930 просмотров • 7 месяцев назад