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:
Смотрите видео My Friends Didn’t Believe I Made This! онлайн без регистрации, длительностью 23 минут 53 секунд в хорошем hd качестве. Это видео добавил пользователь Framer University 24 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 11 тысяч раз и оно понравилось 53 людям.