Skip to content

component

Frosted Reveal Card

By Shivani Sharma

Details

Summary

Frosted Reveal Card is an interactive hover component for Framer that combines a frosted blur overlay with a smooth image reveal interaction.

Description

Frosted Reveal Card is an interactive hover component for Framer that combines a frosted blur overlay with a smooth image reveal interaction. What it does Idle state: image sits behind a frosted blur texture On hover: blur fades away, image sharpens, text slides down from the behind the image On mouse leave: blur returns with a delayed fade so transitions feel clean Interaction details Spring animation for the card lift and scale Staggered timing between blur fade and text reveal Use cases Portfolio grids Team member cards Product showcases Creative agency websites How to use Drop the component into your project, swap the image, update the text, and you're done. No code required.

Introduction

Hover

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200126578/148/228/309/79/15
  • All · #2420