My Friends Didn’t Believe I Made This!
NEW FRAMER COURSE: 0 TO $11.5K WITH FRAMER (ENROLLMENT CLOSES APR 7TH):https://go.frameruniversity.com/
____________________________________________________ 🎓 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