Responsive Modal Overlay/ Pop-up Image Viewer with Entrance Effects
A spinner animation shows while each image is loading, then the image reveals itself with a CSS3 keyframe animation effect; zoom, fade, side-sweep or drop.
Works in modern browsers and IE8+ (no animation effects in IE8/9).
View the source of this page to see the HTML markup, CSS and JS.
Fullscreen 'click-to-close' Trigger
The whole of the modal overlay for this demo is a 'click-to-close' trigger, not just the small (×) at the top of the screen.
- Responsive Modal Overlay/ Pop-up Image Viewer (Basic)
- Responsive Modal Overlay/ Pop-up Text Message with Entrance Effects
More demos and snippets
Did you find this useful? There are more demos and code snippets this way.