Image Overlay Blend
Overlay on Image
Multiply on Image
Screen on Image
Hard Light on Image
Demo Info
Demo Information
1intermediate
Image Overlay Blend
Learn how to apply blend modes to images, creating overlays and color effects.
Key Concepts
- Applying blend modes to images
- Creating overlay effects with gradients
- Combining images with blend modes
Technical Details
/* Base image layer */
background: url('image.jpg');
/* Overlay layer with blend mode */
mix-blend-mode: overlay;
background: linear-gradient(...);