Image Hover Zoom
An image that smoothly zooms in on hover with optional overlay.
Adjust the preview
Every choice updates the preview and the wording below.
Zoom Level
Speed
Overlay
Corners
Your prompt
Highlighted values follow your choices — click one to write your own.
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.
Paste it into Claude, Cursor, or v0 along with the context for your project.