Skip to content

component

Book Hover Effect

By FrameLab

Details

Summary

Hover reveal for books & portfolio

Description

Glass Hover Reveal is a premium interactive card component that turns static images into moments people want to touch. Move the cursor over any card and a frosted glassmorphism overlay glides into view, revealing your title, description, and call to action through a smooth, modern reveal animation. It's the difference between a grid visitors scroll past and one they explore. Designed with an editorial aesthetic and built on performant motion, it works beautifully for book covers, portfolio projects, product showcases, and anywhere a clean image deserves a second layer of story. CORE FEATURES Glassmorphism reveal overlay — real frosted-blur effect with adjustable tint, opacity, and blur intensity Smooth hover animation — natural, spring-based motion with configurable speed, easing, and reveal direction Flexible content slots — cover image, title, supporting text, and an optional CTA or link Complete property controls — colors, typography, corner radius, shadows, spacing, and hover distance, all from the Framer panel Responsive by default — adapts cleanly across desktop, tablet, and phone breakpoints Lightweight build — GPU-accelerated transforms, no external dependencies, no layout shift 30-second setup — copy, paste, connect your content, publish

Introduction

Hover reveal for books & portfolio

Rank history

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

11001200129928/148/228/309/79/15
  • All · #2959