Framer University:
Create a free Framer 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:
Original concept by Arkady:
Progressive Blur (Blur Gradient) component:
Parallax Hover Override:
Icon pack mentioned in the video:
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:
Instagram:
Watch video My Friends Didn’t Believe I Made This! online without registration, duration 23 minute 53 second in high hd 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 11 thousand once and liked it 532 people.