← Back to catalog📄 Implementation guide
Image / Media

Liquid Image Distortion

Warps images like water or liquid when hovered or moved.

Experimental, premium, exotic

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Creative agencies, art, fashion

Marée≈ FW26 · Chapter 01
Marée Atelier — Paris

Silhouettes that move like water.

A hand-dyed silk collection, photographed where the tide meets the sand. Drift your cursor across the frame — the surface ripples back.

Model
Naïma R.
Photography
Léon Vasseur
Location
Hossegor, FR
Model Naïma in the ‘Tidal’ wool coat, Marée FW26 01 ≈ hover to liquefy
“Tidal” wool coat over a hand-dyed silk slip
The Atlantic coastline at Hossegor — Marée FW26 campaign location
Campaign 02 The Atlantic · Hossegor
≈ drag to ripple

Technique: an inline SVG <feTurbulence> noise map drives <feDisplacementMap> on the image (filter:url(#lqf-hero)); vanilla JS eases the displacement scale up from 0 on pointer move (faster movement → bigger splash). Pure SVG — no WebGL