Image Reveal

Image Reveal

About Image Reveal

About this Component

Image Reveal animates an image into view using a smooth clip-path transition from any direction. You can trigger the animation on load or when the image scrolls into view, with an optional blur effect for extra polish.

Customizations

  • Image – Any image with optional alt text

  • Trigger – Animation starts on load or on scroll

  • Direction – Reveal from top, bottom, left, or right

  • Blur – Add an initial blur that clears during animation

  • Transition – Fully adjustable duration and easing