My Friends Didn’t Believe I Made This!
🎓 Framer University: https://frameruni.link/yt
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll learn how to create an Apple-style parallax hover card with progressive blur in Framer. I'll show you how to prepare images for this interaction and how to add effects like parallax hover and progressive blur without any coding. With the help of this video, you’ll be able to create interactions that blow your friends mind.
Remix and starter file: https://framer.university/resources/p...
Original concept by Arkady: https://x.com/sovpal/status/177998991...
Progressive Blur (Blur Gradient) component: https://framer.university/resources/b...
Parallax Hover Override: https://framer.university/resources/p...
Icon pack mentioned in the video: https://dub.sh/central
0:00 - Introduction
0:52 - The roadmap
1:34 - Preparing assets
3:47 - Building the base
16:29 - Adding effects (Progressive Blur)
18:19 - Adding the parallax hover effect
23:29 - Additional resources
Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university
Watch video My Friends Didn’t Believe I Made This! online without registration, duration hours minute second in high quality. This video was added by user Framer University 24 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 15,359 once and liked it 683 people.