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