Image Galleries
Image with Blur Overlay
Image Title
Overlay with blur
Info Overlay
Full Overlay
Hover Overlay
Hover to reveal
Card Overlay
Gallery Item
Complex overlay effect
Demo Info
Demo Information
14intermediate
Image Galleries
Create elegant image gallery overlays using backdrop-filter effects.
Key Concepts
- Image overlay patterns
- Backdrop-filter on images
- Creating gallery interfaces
Technical Details
.image-overlay {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.3);
}
/* Backdrop filters on image overlays */