Image Hover Zoom

ImagesLive Preview

An image that smoothly zooms in on hover with optional overlay.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Zoom Level

Speed

Overlay

Corners

Your Prompt

abcclick to edit

Create an image card that zooms in to 1.1x scale on hover with a smooth 0.5s transition. Add a dark gradient from bottom overlay on hover. The image has rounded (12px) corners. Use CSS transform: scale with overflow-hidden on the container. The zoom should feel smooth and intentional.