Lessons

Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

Lessons

Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

How to Make $10K+ with Framer in 60 days

Get the course

$10k Undercover Event

Get the course

Intermediate

23 min

Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

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.

image of Nandi Muzsik

Taught by

Nandi

Remix project file

Remix project file

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

Nandi portrait's background

More lessons

More lessons

View all

  • ⁠Framer Scroll Trigger hero with tablet splash

    Framer Tutorial: Image Sequence Scroll Animation (Step-by-Step)

  • The Framer Cook video thumbnail with chef cooking

    [LIVE] I Cooked the Impossible Effect in Framer...