← Back to catalog📄 Implementation guide
Motion / Interaction

Hover Distortion

Distorts shapes, images, or text when hovered.

Experimental, artistic, edgy

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Creative portfolios, art sites

Oblique®

Image-making & art direction — Lisbon · New York

Live SVG filter · hover to distort

A studio for image-making and art direction. We build worlds that bend the closer you look — so move your cursor across the work and watch it ripple.

Selected Works06 / Projects
01Halcyon editorial portrait

Halcyon

Editorial · 2026
02Afterglow product film

Afterglow

Product Film · 2025
03Tidewater coastal travel

Tidewater

Travel · 2025
04Concrete Poems architecture

Concrete Poems

Architecture · 2024
05Static Bloom art direction

Static Bloom

Art Direction · 2026
06Night Shift documentary

Night Shift

Documentary · 2024
IndexMore work →

Technique: filter:url(#id) referencing an SVG <feTurbulence> + <feDisplacementMap>, whose displacement scale is animated from 0 on pointer-enter