正在加载视频...

视频加载失败

返回首页

Let’s recreate Apple Books Scroll Animation using SwiftUI, for more 👇

_Kavsoft's profile picture

Kavsoft

26,434 subscribers

43,556 次观看 • 1 年前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

8 条评论

xezrunner 的头像
xezrunner1 年前

I wonder if it would look better if these top corners would align to the device as it transitions. But, of course, Apple doesn't make this easy, as I believe the device corner APIs are still private.

CASETiFY 的头像
CASETiFY1 年前

Make your #AppleWatch more you with our range of prints and protection levels to choose from. Get yours today! #CASETiFY

Anthony Mittaz 的头像
Anthony Mittaz1 年前

@mironcatalin this would be a nice animation to work on :-)

Karthik Balasubramanian 的头像
Karthik Balasubramanian1 年前

@reactiive_ 👀👀

Kites Design 的头像
Kites Design1 年前

It’s developed by Swift?

hojjat 413 🇮🇷 的头像
hojjat 413 🇮🇷1 年前

very basic

Snow 的头像
Snow1 年前

I was trying to do this like just yesterday, wtf??

Ian Hazzard 的头像
Ian Hazzard1 年前

No text reflowing would be really epic

相关视频

Recreated using SwiftUI. For More 👇
0:35

Recreated using SwiftUI. For More 👇

Kavsoft

22,321 次观看 • 1 年前

Let’s create a ripple transition effect using SwiftUI. For more information, please check out the video 👇
0:23

Let’s create a ripple transition effect using SwiftUI. For more information, please check out the video 👇

Kavsoft

32,525 次观看 • 1 年前

Let’s recreate the dynamic tray view (floating sheet) of the family app using SwiftUI
0:28

Let’s recreate the dynamic tray view (floating sheet) of the family app using SwiftUI

Kavsoft

23,960 次观看 • 1 年前

Couldn't resist and had to remix Janum Trivedi's mesh animation and tried to recreate a 'genie effect' using SwiftUI
0:21

Couldn't resist and had to remix Janum Trivedi's mesh animation and tried to recreate a 'genie effect' using SwiftUI

Alex Widua

78,590 次观看 • 2 年前

Weather App’s Style Sticky Scroll Section Using SwiftUI
0:28

Weather App’s Style Sticky Scroll Section Using SwiftUI

Kavsoft

34,057 次观看 • 12 天前

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

Apple-Style OnBoarding Page With Animations Using SwiftUI

Kavsoft

27,666 次观看 • 11 个月前

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

19,917 次观看 • 26 天前

New Xcode's OnBoarding Animation Effect Using SwiftUI
0:21

New Xcode's OnBoarding Animation Effect Using SwiftUI

Kavsoft

39,503 次观看 • 4 个月前

Recreate Github's homepage smooth scroll animation in pure CSS with animation-timeline:
9:49

Recreate Github's homepage smooth scroll animation in pure CSS with animation-timeline:

Builder.io

12,078 次观看 • 1 年前

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

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames

Kavsoft

29,991 次观看 • 4 个月前

Let’s create resizable chips layout with selection using SwiftUI.
0:27

Let’s create resizable chips layout with selection using SwiftUI.

Kavsoft

14,115 次观看 • 1 年前

finally managed to recreate Family's drawer using pure SwiftUI, code will be on github soon
0:25

finally managed to recreate Family's drawer using pure SwiftUI, code will be on github soon

cristi

122,524 次观看 • 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,236 次观看 • 1 年前

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}
0:39

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}

jhey ʕ•ᴥ•ʔ

126,068 次观看 • 1 年前

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!
3:43

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!

Steve (Builder.io)

114,341 次观看 • 8 个月前

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇
0:32

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇

Kavsoft

156,039 次观看 • 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 年前

7 years ago today, Apple introduced SwiftUI.
1:41

7 years ago today, Apple introduced SwiftUI.

Tech God

35,909 次观看 • 29 天前

SwiftUI Bottom Sheet like Apple Music App
0:20

SwiftUI Bottom Sheet like Apple Music App

Kavsoft

68,600 次观看 • 1 年前

See how Apple Distinguished Educator Dr. Helmi Norman used Memoji and augmented reality to make learning history more engaging for students. Get ideas for using video and animation with your own students in the Apple Education Community.
0:32

See how Apple Distinguished Educator Dr. Helmi Norman used Memoji and augmented reality to make learning history more engaging for students. Get ideas for using video and animation with your own students in the Apple Education Community.

Apple Education

7,322,011 次观看 • 2 年前