ProgresiveBlurReveal

ProgresiveBlurReveal

About ProgresiveBlurReveal

Key Features:

  • Smooth Hover Animation:The image transitions beautifully with dynamic blur and text fade-in motion.

  • Directional Control:Choose from top, right, bottom, left, or all directions for the blur animation.

  • Adaptive Blur Height & Intensity:Fine-tune how much of the image blurs and how soft or strong the effect appears.

  • Text Reveal Motion:Title and subtitle fade and rise into view when hovered perfect for storytelling visuals.

  • Fully Customizable Styling:Adjust fonts, colors, border radius, and background to match any design theme.

  • Responsive Design:Scales beautifully across all screen sizes and layouts.

  • Toggle Option:Enable or disable hover blur for static or animated displays.

Framer Property Controls:

  • Image source & alt text

  • Title & Subtitle (with custom fonts & colors)

  • Blur Layers, Intensity, Height, and Direction

  • Border Radius, Background Color

  • Enable/Disable Hover Blur Animation

Perfect For:

  • Hero sections with text overlays

  • Product or portfolio image showcases

  • Blog thumbnails with hover captions

  • Photography or creative websites