← All Components
▣
Image Treatments
How images are styled and revealed across different visual languages
Film Grain Overlay
SVG noise texture over images for analog, editorial texture.
film-grainnoisetextureeditorial
Luxury Editorial
Film Grain
SVG feTurbulence noise • mix-blend-mode: overlay • Signature of Luxury Editorial
Parallax Depth
Multi-layer parallax scrolling. Foreground, midground, background at different speeds.
parallaxdepthmulti-layerscroll
Luxury Editorial
Parallax Depth
3 depth layers: background (-5px) • midground (+10px) • foreground (+20px)
Clip Path Reveal
Images revealed through animated clip-path shapes — circle, diagonal, inset.
clip-pathrevealshapeanimation
Luxury Editorial
Clip Path Reveal
CSS clip-path animations • Scroll-driven in production