Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

Kavsoft

26,434 subscribers

43,556 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

8 Yorum

xezrunner profil fotoğrafı

xezrunner1 yıl önce

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 profil fotoğrafı

CASETiFY1 yıl önce

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

Anthony Mittaz profil fotoğrafı

Anthony Mittaz1 yıl önce

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

Karthik Balasubramanian profil fotoğrafı

Karthik Balasubramanian1 yıl önce

@reactiive_ 👀👀

Kites Design profil fotoğrafı

Kites Design1 yıl önce

It’s developed by Swift?

hojjat 413 🇮🇷 profil fotoğrafı

hojjat 413 🇮🇷1 yıl önce

very basic

Snow profil fotoğrafı

Snow1 yıl önce

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

Ian Hazzard profil fotoğrafı

Ian Hazzard1 yıl önce

No text reflowing would be really epic

Benzer Videolar

Recreated using SwiftUI. For More 👇

Recreated using SwiftUI. For More 👇

Kavsoft

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

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

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

Kavsoft

32,525 görüntüleme • 1 yıl önce

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

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

Kavsoft

23,960 görüntüleme • 1 yıl önce

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

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

Weather App’s Style Sticky Scroll Section Using SwiftUI

Weather App’s Style Sticky Scroll Section Using SwiftUI

Kavsoft

33,474 görüntüleme • 3 gün önce

Apple-Style OnBoarding Page With Animations Using SwiftUI

Apple-Style OnBoarding Page With Animations Using SwiftUI

Kavsoft

27,666 görüntüleme • 11 ay önce

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

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

Kavsoft

19,788 görüntüleme • 17 gün önce

New Xcode's OnBoarding Animation Effect Using SwiftUI

New Xcode's OnBoarding Animation Effect Using SwiftUI

Kavsoft

36,939 görüntüleme • 4 ay önce

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

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

Builder.io

12,074 görüntüleme • 1 yıl önce

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames

iOS Style Permission Animation Using SwiftUI | OnBoarding | KeyFrames

Kavsoft

29,665 görüntüleme • 3 ay önce

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

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

Kavsoft

14,115 görüntüleme • 1 yıl önce

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

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

cristi

122,524 görüntüleme • 1 yıl önce

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

Kavsoft

18,212 görüntüleme • 1 yıl önce

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; }}

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

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!

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)

113,931 görüntüleme • 8 ay önce

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👇

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

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

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

Kavsoft

11,916 görüntüleme • 1 yıl önce

SwiftUI Bottom Sheet like Apple Music App

SwiftUI Bottom Sheet like Apple Music App

Kavsoft

67,888 görüntüleme • 1 yıl önce

Could be used for an interesting voice animation, made with SwiftUI

Could be used for an interesting voice animation, made with SwiftUI

Mike Lee

85,869 görüntüleme • 1 yıl önce

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.

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